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Wo CHEAT 
PHOTOSHOP 


New in the latest 
edition of Steve 
Caplin's best selling 
How to Cheat in 
Photoshop title: 

© Over 70 pages of 
brand new material, 
including how to 
create beards and 
stubble, combine body parts, create snow and 
ice effects, and color black and white images. 
e Extra emphasis on the basics for less 
experienced Photoshop users. 

© A completely rewritten and enlarged 
QuickMask section. 

e A new Image Adjustment chapter covering 
the Curves dialog, enhancing images using 
Hard Light layers and an explanation of the 
notoriously difficult Unsharp Mask filter. 

e Tutorials covering the new Photoshop CS 
features, including the Shadow/Highlight 
adjustment, Color Replacement brush and 
Fibers filter. 

© Hundreds of dollars’ worth of new high 
resolution, royalty-free images on the CD for 
you to use in your own montages! 


Learn from a professional illustrator how to 
get the most out of Photoshop. Each section 
is divided into double-page spreads on real- 
world illustrative techniques, giving you 
bite-size chunks with all you need to know 
in a full color, highly visual and approachable 
format. 


This is both a technical guide and an artistic 
inspiration, packed full with new ideas that 
will be of use to you whether you're using 
Photoshop 6, 7 or CS. 


What makes this book different is the fact 
that Steve Caplin shows you step by step how 
to work from the problem to the solution 
when creating photorealistic images, from 
the viewpoint of the illustrator who has been 
commissioned to create a job and is working 
to a deadline. 


Steve Caplin is a graphic artist and illustrator, 
Contributing Editor to MacUser magazine and 


author/journalist. 


See the associated website for news and 
updates, and to chat on the reader forum: 


www.howtocheatinphotoshop.com 
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How to cheat, and why 


Why yet another book on Photoshop? 

Most of the Photoshop books in print go to great lengths to explain how each 
tool, dialog and menu works, examining the smallest tweak of each slider and 
variable and discussing its effects on the image. 

What they don’t tend to show is how to use Photoshop to achieve a task 
you’ve been commissioned to do - specifically, how to use it to create artwork 
that looks as if it’s been photographed. 

Photorealism simply means making montages look real. Too often we'll 
see montages where the heads are different colors to the bodies, where there’s 
no eye contact or interaction between a group of people stuck together in 
a single image. In my view this is unforgivable: few photographers would 
be able to earn their living producing bland, emotionless pictures, yet those 
creating photomontages seem to forget the most basic of rules. A picture must 
tell a story - which means rhythm, composition, and interaction between its 


constituent elements. 


The truth about cheating 

Tve used the word ‘cheating’ in the title of this book in two ways. The most 
obvious is that I’m describing how to make images look as much as possible 
like photographs, when they’re not. In this sense, it simply means creating 
photographic work without the need for a studio. 

The other sense of ‘cheating’ is finding shortcuts to help you work more 
quickly and more economically. Too often you'll see Photoshop techniques 
explained using long-winded, complex operations that take an age to 
complete. 

Wherever possible, I’ve used quicker solutions to achieve the same results. 
For the artist on a deadline, the difference between a perfect work of art and 
one that’s turned in on time means the difference between a happy client and 
one faced with a blank page in the next day’s newspaper. 
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How to cheat, and why. 


Workthroughs and examples 
Each workthrough in this book is designed as a double page spread. That way, 
you can prop the book up behind your keyboard while going through the 
associated file on the CD ROM. While the workthroughs are all designed to 
illustrate a specific technique, I’ve also outlined each step as a general guide to 
the process of creating illustrations in Photoshop. So you may find that several 
steps in a workthrough appear to have nothing to do with the subject of the 
chapter: I’ve just taken the opportunity to discuss other points of interest. 

Some of the workthroughs take the form of case studies, where I dissect 
an illustration I’ve done as a commissioned job; many of the sections open 
with one of my illustrations as a real-world example of the technique I’m 
talking about. One reason I’ve used my own artwork is that I know how it was 
created. In many cases I’ve kept the original layered Photoshop files, so it’s 
been possible for me to take the images apart and show how they were made. 

There’s another, more pertinent reason. Messing about in Photoshop 
can be the most fun you can have without breaking the law, and the novice 
user will experiment with filters and color changes endlessly. But it’s not 
until you produce an illustration to a specific brief that you realize the issues 
and problems involved - and then find a way around them. Almost all the 
techniques I describe in this book have been learned out of necessity; there’s 
nothing like a tight deadline to concentrate the mind. Adrenaline is sometimes 
the best drug there is. 

At the end of each chapter you'll find an Interlude, in which I discuss an 
issue of relevance to the Photoshop artist. Think of them as light relief. 


Screen shots and windows 

Most Photoshop books use standard screen grabs as examples, which means 
two things: the examples are constrained to the monitor’s 4:3 proportions, and 
an awful lot of space is taken up with frames, title bars and borders. I take 

the view that anyone working in Photoshop knows what a window looks like, 
and doesn’t need to be reminded half a dozen times on every page. So except 
in the instances where I’ll show a dialog box I’ve dispensed with the window 
frames altogether, so we can just concentrate on the images. This has also 
given me greater flexibility in the number and shape of the examples I include 
for each workthrough. Hopefully, it’s also made the book more varied and 
interesting to look at. 
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What's on the CD? 
Tve included most of the workthroughs in this book on the CD, so that 
after reading about them you can open up the original Photoshop files and 
experiment with them for yourself. I’ve reduced the image sizes to make them 
more manageable, so you'll find yourself working with screen resolution rather 
than high resolution images. I’ve also included some movies showing specific 
techniques in action. 

In a few cases, I haven’t been able to provide the examples on the 
CD. These tend to be workthroughs that are case studies, in which I’ve used 
images of politicians and other celebrities for whom it was impossible to get 
clearance to include them for electronic distribution. All the other images have 
been either photographed by me or generously provided by the various image 
libraries concerned, to whom I owe a debt of gratitude. A credit on each page 
in the book indicates the source of the images that have been included on the 
CD. You'll also find demonstration versions of some of the third party plug- 
ins I’ve described on the CD, so go ahead and try them out. For full details of 
what’s included, see the back pages. 


Spelling and metaphors 

I've tried to use American spelling wherever possible. First, because we’re more 
used to reading US spelling in England than Americans are to reading English 
spelling; and second, because Photoshop is an American product. Initially I 
tried not to use any words that were spelled differently in the two languages, 
but I found it impossible to get through the book without once mentioning 

the words ‘color’ and ‘gray’. My apologies if I've employed any phrases or 
vernacular that don’t work on both sides of the Atlantic. It’s a wide ocean, and 
some expressions don’t survive the journey. 


Going further 

You'll find links to sites of interest, as well as contact details and any extra 
information that may come to light after this book is published, on the website 
at www.howtocheatinphotoshop.com where there’s also a user forum where 
you can post questions or problems - follow the link from the main website. 


Steve Caplin 
London, 2004 
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Rubber Ball www.rubberball.com (all images © Rubber Ball Productions) 

Stockbyte | www.stockbyte.com 
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How to use this book 


I doubt if any readers of this book are going to start at the beginning and 
work their way diligently through to the end. In fact, you’re probably only 
reading this section because your computer’s just crashed and you can’t follow 
any more of the workthroughs until it’s booted up again. This is the kind of 
book you should be able to just dip into and extract the information you need. 

But I’d like to make a couple of recommendations. The first three chapters 
deal with the basics of photomontage. There are many Photoshop users who 
have never learnt how to use the Pen tool, or picked up the essential keyboard 
shortcuts; I frequently meet experienced users who have never quite figured 
out how to use layer masks. Because I talk about these techniques throughout 
the book, I need to bring everyone up to speed before we get onto the harder 
stuff. So my apologies if I start off by explaining things you already know: 
it'll get more demanding later on. 

Each chapter is effectively a self-contained unit, but the techniques do 
build up as you progress through the workthroughs. Frequently, I’ll use a 
technique that’s been discussed in more detail earlier in the same chapter, so 
it may be worth going through the pages in each chapter in order, even if you 
don’t read every chapter in the book. 

A CD icon on a page indicates that the Photoshop file for that 
workthrough is on the CD, so you can open it up and try it out for yourself. 
The Movie icon indicates that there’s a QuickTime movie on the CD that shows 
the workthrough acted out. 

Most of the examples in this book can be worked through with 
Photoshop 6 or higher. A few need Photoshop 7 and some need Photoshop CS, 
the latest version; it’s stated in the introductory text when these versions are 
required for the job. 

If you get stuck anywhere, drop me a line. You can find my contact 
details through the website at www.howtocheatinphotoshop.com. 


20 Lock and load 
22 Find and replace 
24 Color by numbers 


26 Brush-on color 


28 INTERLUDE: The perfect setup 
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and the Pen tool to create Bézier curves. The first part 


of this chapter will serve as a refresher course on these 
fundamental techniques for those who already know 
them, and will introduce the concepts for those who have 
not yet experimented with them. 


Later on, we'll go into more detail on how to work with 
and modify layers and colors without having to pick up 
a brush first: there are many techniques, such as those 
for changing colors selectively, that can be accomplished 
entirely by means of dialog boxes. 
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Natural 


Normal drawing with the Marquee 
tool is from corner to corner. But 


: if you're using the Elliptical Marquee, 
: it's hard to conceive where the 

: imaginary corner might be. Hold down 
; after you begin drawing to 

: draw from the center outwards. The 

: selected region is shown at the side. 


LL PHOTOSHOP WORK 

begins with making 
selections. Shown here are 
some of the basic keyboard 
shortcuts that every Photoshop : 
user should be able to use : 
as second nature: even if 
you hate learning keyboard 
commands, you owe it to your: 
productivity and your sanity to : 
learn these. 

Temporarily accessing the 

Move tool, using the shortcut 
shown in step 8, works when 
any other tool is active - not 
just the selection tools. This 
makes it easy to move any 
layer around while painting, 
selecting or using type, 
without having to reach for 
the toolbar. 


If you find holding down all these 
keys in sequence hard to get to 


: grips with, consider using QuickMask 
: instead. 


To access it, simply type @ and 


: you'll go into QuickMask mode - see 
: the following six pages to read about 
this useful selection method in more 
: detail. 


The QuickMask equivalents of the 


: selected areas defined in steps 1 to 5 

: are shown beneath each step. Selected 
: areas are overlaid in red; unselected 

: areas remain colorless, making it 

: easy to see exactly where your final 

: selection will be. The mask corresponds 
: precisely to the selection area, as can 

: be seen in the examples on this page. 


If you hold before you 

draw a second selection, you will 
remove this selection from the original 
one. Be sure to press the modifier key 
before you begin drawing, or you'll 
simply draw from the center. Here, 
we've deselected the center of the 
hubcap, leaving just the rim. 
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If you drag a selected area with 
7 a selection tool active (Marquee, 
Lasso etc), you'll move the selected 
region but not its contents. 


Holding subtracts from 
J the selection, but holding 
adds to it. Again, be sure to hold the 
modifier before you begin drawing. 
By holding this key down, we're 

able to add back the middle knob on 
the hubcap from the section we'd 
previously deselected. 


© To access the Move tool 
O temporarily, hold before 
you drag. Now, the selection itself will 
be moved when you drag it. 


A 


VA 


| Here's what happens if we 

"=F" combine the two keys. Holding 
intersects the 
new selection with the previous one, 
resulting in just the overlap between 
the two. Here, the original elliptical 
selection is intersected with the new 
rectangular selection. 


| Holding down 
w move a copy, leaving the original 


selection where it was - but be sure to 


hold the modifier before dragging. 


as well will 


p= A little-known modifier is the 


aJ Space bar, which performs a 
unique task: it allows you to move a 


selection while you're drawing it, which + 


is of enormous benefit when selecting 
areas such as the ellipse of the hubcap. 
Here, we've used the technique to 
move the selection over to the side. 


şa You can continue to make 

J several copies by releasing 
and holding the mouse button while 
holding the key down. 


: Selections can 

; be nudged with 
: the arrow keys, 

: as well as being 
: dragged into 

: position - useful 
: for aligning 

: them precisely. 

: One tap of the 

: arrow keys will 

; move a selection 
: by a single pixel. 
; If you hold the 


key as you 


; tap the arrow, 

: the selection 

: will move by 

: 10 pixels at a 

: time. If you also 
È hold 

: you'll move 

‘ the contents, 

: rather than just 
: the selection 

; boundary. 
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HE LASSO MAY WELL 

have been the first 
selection tool to be seen in a 
digital paint program, having 
put in its initial appearance 
20 years ago, but these days 
it's far from being the ideal 
tool. Clumsy and inaccurate to 


draw with, it's best reserved for : 


tidying up selections made in 
other ways, as we'll see here. 
There is one surprising use 
for the Lasso tool, however, 
and that's for tracing straight 


lines — thanks to a little-known : 


keyboard shortcut. We'll look 
at this technique in steps 6 
and 7. 

The Magic Wand tool is 
a great all-purpose tool for 
selecting areas of a similar 
tonal range, and is widely 
used for removing simple 


backgrounds. Its tendency to 


‘leak’ into areas you don't want : 


selected, however, means you 
have to pay close attention to 
what's actually been selected 
- and be prepared to fix it 
afterwards. 


This straightforward scene should 
be an ideal candidate for Magic 


: Wand selection: after all, it's on a plain 
: white background. But even simple 
: selections can have their pitfalls. 
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: 6 Although the Lasso tool may 


seem the obvious choice when 


: drawing freehand selections, it really 

: comes into its own when used to select 
: objects made of straight lines, such as 
: this fence. Hold the FTD key and 


ee ee 


Begin by clicking in the white area 
2 outside the two figures. (Note that 
the main image has been knocked back 
so we can see the selection outlines 
more clearly.) 


then click once at each corner of each 
vertical post, clicking additionally from 
the bottom of one to the bottom of 
the next. By holding this key, we force 
the Lasso tool to draw straight lines 
between click points. 


The area between the men's legs 
was not included in the original 


selection, so we need to hold the 
key and click there to add it to our 
selection area. 


Bi 


Now to add the horizontals. Hold 
the key and then, after 
clicking the first corner point, add the 


) key and continue to click each 


corner as before. Be sure not to hold 


efore beginning to click or 


So far, we've selected everything 
except the bodies. We need to 
inverse the selection, by pressing 


an 


bodies themselves. 


J, to select the 


its effect will be to subtract the new 
selection from the old one, rather 
than adding to it - see the previous 
page for details on how these modifier 
keys work. The fence will now be fully 


selected. 


Note how the original Magic 

Wand selection ‘leaked’ into the 
paper and the shirt collars. This is easily 
fixed by holding as we add those 
areas with the Lasso tool. 


: The tolerance 


setting of the 
Magic Wand 
affects the 


: extent to which 


it includes 
similar colors. 
The higher the 
tolerance, the 
wider the range 
of shades it sees 
as being similar 
to the one you 
click on. For 
general use, set 
a tolerance of 
32 and adjust if 
necessary. 
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Quick Mask Options 


;— Color Indicates: € OK ] 
© Masked Areas —_ 


® Selected Areas 


Color 


|| Opacity: so CO % 


d UICKMASK IS THE MOST POWERFUL tool 
m=afor creating selections in Photoshop. It 


uses a red overlay to show the selected area, 
allowing you to see the image through it; when 
you leave QuickMask mode, the painted area 
will be selected. 

In QuickMask, painting with black will add 
to the selection and painting with white 
will subtract from it (as long as you're set 
up as described below). This makes it easy to 
trace around any object: it's far quicker and 
more controllable than the Lasso tool, and in 
situations such as the one shown here it's the 
best solution. 

The default setting is for QuickMask to 
highlight the masked (unselected) areas 
with a red overlay, leaving the selected areas 
transparent: | find it far preferable to work 
the other way around, so that the selected 
areas are highlighted. To change the settings, 
you need to double-click the QuickMask icon 
(near the bottom of the toolbar, just below the 
foreground/background color swatches) and use 
the settings shown above. 
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1 This image would be tricky to 
select using the Lasso tool, and 


: impossible with the Magic Wand - the 

: background and foreground are just too 
: complex. Press @ to enter QuickMask 

: mode so we can begin. 


Using a hard-edged brush, begin 
to trace around the inside of 
the figure. You don't need to paint 
the whole figure in one go, so take it 
at your own pace and let the mouse 
button up every now and again to take 
a break. 


: 6 With the basic outline selected, 


we can address the detail. Lower 


: the brush size using until you have 
: a size that's small enough to paint in 
: the outline detail comfortably. 


Now the outline is selected, leave 
QuickMask by pressing @ again, 
and the selection will be shown as a 
familiar ‘marching ants’ outline. You 


7 


can now press ol to make 
a new layer from the selection. 
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It's easy to make a simple mistake 
3 when painting the outline, such 
as going over the edge by accident 
- as I've done at the elbow here. Don't 
simply press Undo, or you'll lose the 
whole brush stroke; there's a better 
way to correct the error. 
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To paint out the offending 
4 selection area, change the 
foreground color from black to white 
(the keyboard shortcut to do this is 
E). Paint over the mistake, then press 
again to switch back to black to 
paint the rest of the selection. 


You don't need to worry too much 
5 about fine detail at this stage 
- just get the basic figure highlighted. 
Fiddly areas, such as around the ear 
and the collar, can be left till later. 


When the background is removed, 
we can see more clearly that 
the right side of the image is in really 
deep shadow - too deep to work with. 
Again, we can use QuickMask to select 
the shadow area. 


Enter QuickMask again by 

9 pressing @, and this time change 
to a soft-edged, larger brush. When 

we paint over the shadows now, we're 
creating a soft-edged selection; then 
leave QuickMask with @ again. 


Because our selection has a 
1 O soft edge, we can use any of 
the standard Adjustments to lighten up 
the shadow area (I've used Curves here) 
without showing a hard line between 
the changed and unchanged areas. 


3 


: You can mix 

: hard and soft 
! brushes within 
: the same 

‘ QuickMask 


session. For 
example, if 


: you're cutting 


out a picture 
of a dog, you 
might use a 


: soft-edged 

‘ brush to trace 
: around the fur, 
‘ and a hard- 

: edged brush 

: to trace the 


outline of the 
nose and mouth. 
Soft brushes are 
the equivalent 
of feathering 


: Lasso selections, 
: but are very 


much more 
controllable. 


SHORTCUTS 
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QuickMask 2: tips and tricks 


UICKMASK IS THE BEST TOOL FOR 
making complex selections, especially 


of natural or organic objects where there are 
no hard, straight edges. By switching between 
large and small brushes, it's easy to trace even 
the most fiddly of objects with a little patience. 
It all becomes more interesting when we look 
at using shades other than pure black and white 
to paint the mask. By painting with gray, we 
create a mask which is semi-transparent: the 
darker the shade, the more opaque the resulting 
selection will be. This technique is of particular 
benefit when selecting objects such as this fly, 
which has an opaque body and legs but semi- 
transparent wings. Building that transparency 
into the selection makes the whole effect far 
more convincing when we place the fly on a 
new background: the lowered opacity makes 
it look far more as if it belongs in its new 
surroundings. 


l change brush sizes by using F 
: size up, and to go to the next size down. 


: 1 Enter QuickMask mode with @. Begin by using a hard- 


edged brush to trace around the main body of the fly. 


: Don't worry about the legs at this stage - we'll add them in 
: later. Remember that if you make a mistake, you can always 
: swap the foreground color to white and paint it out. 


Now for the legs. Switch to a much smaller (but still 
hard-edged) brush, and trace each leg carefully. You can 
D to go to the next 


: 7 Now exit QuickMask by pressing @ again, and press 


@ to make a new layer from this selection. 


; When we hide the underlying layers, we can see a few small 
: errors: a bit of background has crept into the wings. 


We could just paint in the middle of the body - but 3 Now fill that new selection with the foreground color 
with a large selection, that would take a while. Here's (the shortcut for doing this is Delete] (Delete )] 


a shortcut: use the Magic Wand tool to select the middle and then deselect (E3 EDO) to remove the Magic 
portion, then expand that selection (Select menu) by, say, 4 Wand selection. This is a useful technique for large images 


pixels to make sure the edges are covered. in particular. 


: Why didn't we 

: simply paint 

: with a lower 

: brush opacity in 
: step 5, rather 

: than switching 
: to gray? 

: Because if we 

: had, we would 

: have to have 


: painted the 
Before painting the wing area, we need to switch The wings may need to be semi-transparent, but those : whole of each 
from black to a dark gray color to give the wings their fine legs shouldn't be - so switch back to black (press : wing in a single 
transparency. Choose a gray from the Swatches palette, and, ©) and, with a small brush, paint in the legs where they're : brushstroke, 
with a bigger brush, paint over the wings. seen through the wings. : without 


: interruption. 

: Otherwise, the 

> new stroke 

: would overlap 

: the old one, 

: creating a 

; darker area (and 
: so a stronger 

: opacity) in the 

: intersection. 


The easiest way to fix this is simply to erase the Because we selected the wing area using built-in 
8 offending areas with a hard-edged Eraser. If you prefer, transparency, we can partially see through them when : SHORTCUTS 
you could go back to QuickMask and tidy it up there, but it we place the fly on a different background, adding greatly to A cotn) 
generally isn't worth the extra effort. the realism of the scene. : ; 
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S WELL AS USING PAINTING TOOLS, 
you can use any of the standard 


transformation tools within QuickMask. This can : 


make it easier to select tricky areas, such as the 
angled hubcaps on this sports car. Even though 
the hubcap is an ellipse, the angle at which 

it's been photographed makes it impossible to 
select with the standard Elliptical Marquee tool. 
QuickMask, however, makes short work of the 
problem. 

QuickMask can be used for creating all kinds 
of shapes from scratch. Hard-edged rectangles 
and smooth circles can be combined to build 
lozenge shapes far more quickly than toying 
with the radius settings of the Shape tools, for 
example. 

There are many more uses to QuickMask than 
are shown here. Get into the habit of using it 
for your everyday selections, and you'll find it 
quickly repays the effort. 


The hubcap on this car is a perfect circle photographed 
from an oblique angle. The Elliptical Marquee tool, 
: however, only works on an orthogonal axis - there's no way 
: to make it draw at an angle, as would be required here. 


: 4 Enter Free Transform mode by pressing aa. 


and selection borders will appear around the circle - no 
: need to make an additional selection first. Drag the circle so 
: one edge touches the edge of the hubcap, and rotate it to 
: roughly the right angle. 


Here's a simple and quick way to make a lozenge shape 
to exactly the size you want. First, draw a rectangle of 


> the right height, and press @ to enter QuickMask. Choose 
; the Elliptical Marquee tool, and position the cursor just 

: inside the top of the rectangle; hold the key and drag 
: to the bottom edge of the rectangle. 


To begin, use the Elliptical Marquee tool to draw a 
2 circle anywhere on the image (hold the key as 
you draw to constrain the ellipse to a circle). If you can't 
find the Elliptical Marquee tool, click and hold on the regular 
Marquee tool in the toolbar and it will pop open for you. 


Now pull in the opposite handle so it touches the 
5 opposite rim of the hubcap, and do the same with the 
top and bottom edges. At this point, you may need to adjust 
the angle of rotation of the ellipse so it matches the hubcap 
perfectly. 


Assuming you started and ended in the correct place, 
8 your circle should now be exactly the same height as 
the rectangle. Release the mouse button before letting go of 
the key, then switch to the Move tool (press @@) and 
hold to move a copy as you drag the circle to the 
end of the rectangle; add to move it horizontally. 
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Now enter QuickMask mode by pressing @. The circle 
3 you just drew will appear as a solid red circle, which 
will show us exactly where our selection edges lie in the 
illustration. 


With the ellipse perfectly positioned, press to 
leave Free Transform, then press @ once again to leave : 


QuickMask mode. You can now move the hubcap, or make a 
new layer from it. 


and hold as you drag the circle to the other end 
of the rectangle. When you leave QuickMask (by pressing @ 
again) you'll be left with a perfect lozenge selection, which 
you can then fill or stroke as you wish. 


: You might 

: wonder why we 

: bother using 

: QuickMask 

: to make this 

: selection, rather 

: than using 

: Photoshop's 

: Transform 

: Selection tool. 

: The answer is 

: that it's really 

: quite hard to 

: make out an 

: accurately 

: positioned 

: border when it's 

: composed of a 

: row of marching 

: ants; using 

; QuickMask, 

: however, shows 

: us the selection 

: as a solid block 

: of red, which 

: makes it much 

: easier to see 
Now release and then hold the key once again, : through: to F 

9 ' : the underlying 

: image. 
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Natural selection 


| HE PEN TOOL is one of the key tools 
available to the illustrator - not just in 
Photoshop but in Illustrator, FreeHand and 


many other programs as well. 


The Pen tool creates paths using Bézier curves : 


(named after the French designer who devised 
them, so legend has it, to design the outline of 
the Citroen 2CV in the 1930s). Bézier curves are 
unique in that simple curves can be made to fit 
any shape: they're easily editable after they've 


the curve perfect first time around - it can 
always be adjusted later. 

The paths created by the Pen tool have 
another great advantage: they can be used 
to define selections which can then be stored 
within the document when it's saved. Most of 


the cutout objects in royalty-free CD collections : 


are defined with paths. 

The problem is that the Pen tool has the 
steepest learning curve of all. Here, and on the 
following pages, l'Il try to help you get to grips 
with mastering the essential tool for making 
perfect selections. 


e Pen is mightier... 


: 1 To draw straight lines with the Pen tool, simply click 


each point. If you want to constrain a line to horizontal, 


È vertical or 45°, hold down the key before clicking the 
: second point. 


: 4 Because we clicked and didn't drag in step 3, when the 


next point is drawn (with a click and drag), the curve 


: coming out of the back of it joins the previous one with a 


been drawn, so you needn't worry about getting : hard:corner ratherthan a smòoth curve: 


7 If you've clicked and dragged on a point, making a 


smooth curve, you can turn it into a corner point instead 


: by holding and clicking on the point again. You can 
: then click and drag on the same point again to make a new 
> curve from that corner. 


If you click and then drag before releasing the button, 
2 you'll get a curve. This is the essence of the Pen tool: 
curves are defined by the anchor points (the dots where you 
click) and the handles that set their direction and strength. 


The handles operate as tangents to the curve, not 
5 crossing it but acting like a surface off which the curve 
bounces. The points should be placed at positions where the 
curve changes direction. 


When you click on the starting point again, the path 

will be completed and the anchor points will disappear, 
showing just the path's outline. You can leave a path open- 
ended instead, if you like - for example, if you want to stroke 
it with a painting tool (see Pipes and Cables in Chapter 10). 


Every time you click and drag, you get a curve; and the 
3 point clicked in the previous step shows how the curve 
operates on both sides of the point. But if you just click 
without dragging, you make a corner point. 


: You don't need 
: to wait until 

: completing a 

: path before 

; making 

: adjustments to 
: it: simply hold 
at any 
: point while 

: you're drawing 
: to access the 

: path selection 
: tool, and use it 
: to move anchor 
: points or their 
: handles. When 
i you release the 
: key, you can 

: just carry on 

: drawing. 


Sometimes, the handles do appear to cross the curve 

- but only in cases where the curve is S-shaped, as 
appears here. The handles are still really tangents to each 
side of the curve. 


A path can be adjusted by moving the anchor points, 

moving the handles, or dragging on the curve itself. 
Hold to move points with the Pen tool active; or 
press GQ for the path selection tool - use the filled tool to 
select an entire path, the hollow version for individual points. 
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Putting the Pen 


N THE PREVIOUS PAGE 
we looked at the basics 
of using the Pen tool. Here's 
a short workthrough to take 
you through the process of 
outlining a simple object: 


you'll find the image on the CD : 


that accompanies this book, so 
you can try it out for yourself. 
This is a compound path, in 
that it includes one element 
within another. You don't need 
to do anything to the path 
within the handle to make 
it subtract from the main 
outline: Photoshop will take 


care of this automatically. 


=i o 


1 Begin by clicking the first point 
just below the mug's handle, then 


: click and drag down a short way at the 
: bottom of the straight section. 


: 6 Complete this small curve by 


clicking and dragging just around 


: the corner. Keep the drag parallel to 
: the mug once more. 


: 1 1 Click and drag at the point on 


the handle where the curve 


: changes direction - just around from 
: the top. 


nto practice 


a 


Now click and drag at the bottom 
2 of the curve: keep your drag 
horizontal, so it makes a tangent to 
the curve. 


7 Now click and drag at the middle 
of the top of the mug. This is the 
mid-point of the curve that makes the 
mug rim. 


Another click and drag, once 
12 again where the direction of 
the curve changes, on the outermost 
part of the handle. 


— 
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s Go round the corner, and click and Now click at the top of the Click and drag at the beginning 

drag a short way up the side of the 4 straight section, and drag a short 5 of the lip at the top of the mug: 
mug. Drag the handle so that it follows distance to create the start of the curve only a short drag is needed to make 
the line of the mug. that follows. this curve. 


‘ Don't worry 
: if the curves 
: you draw don't 
|: match the mug 
: first time: you 
: can always 
: adjust them 
: later, either by 
: dragging on the 
‘ curve itself or 
: by dragging an 
l anchor point or 
Click and drag again at the edge Now click and drag once more just Now click at the top of the : handle. 

8 of the rim, just before the lip curve 9 around the lip, again keeping the 10 handle, but don't drag this : You can 
begins. drag parallel to the side of the mug. time: there's a sharp corner here, and i also edit the 

we don't want a curve at this point. ‘ anchor points 

: themselves: 

: when you click 
: the Pen tool on 
: an active path, 
: you'll create 
a new anchor 
point at that 
position, but if 
: you click on an 
: existing anchor 
: point you'll 
: delete it. 


Click on the starting point and Follow the same process to r= With the path complete, you 
13 drag into the mug - it's the 14 make the inside of the handle, 1 5 can turn it into a selection : ) 
back of the handle that defines the remembering to make corner points using CONG; inverse the + O 
curve behind it. where the handle joins the mug. selection and delete the background. : 


17 


18 


Natural selection 


Wie YOU ISOLATE AN OBJECT 
from its background using the Magic 
Wand tool, or by loading a pre-drawn path, 
you'll frequently find a slight fringe of the 
background color surrounding the layer. This 
is due to the anti-aliasing technique used in 


Photoshop to ensure a smooth edge. 
There are two built-in methods for removing 


this fringe - Defringe and Remove White Matte. : 


Neither does the job perfectly; here, we'll look 
at the effects of both these techniques, and at 


a couple of extra methods that | find work more : 


effectively. 

All these techniques assume that the cutout 
object - the hand, in this case - is on a separate 
layer from the background. 


When placed against a complex background such as this 
foliage, the white fringe on the hand is hard to discern: 


: there's so much visual detail going on behind it that the eye 
: is distracted. 


The next alternative is Remove White Matte, also 


found in the Matting menu. Once again, this gets rid 


i of the white area automatically, but tends to result in an 
: unnaturally dark edge on the remaining pixels. 


Placed against a plain background, we can now see 
the white fringe more clearly. The lower picture, 
detailing the tip of the forefinger, shows an enlarged view 
of the image so that we can see the effect of the different 

operations we're about to perform. 


5 My preferred method is to load the layer's selection by 


clicking on the name in the Layers palette, 
inversing the selection using 1 and 
then deleting - which has the effect of removing a single 
pixel from all the way round the image. To save time, you can 
write an Action to perform this task with a single keystroke 

- see the Interlude at the end of Chapter 7. 


: 


The first method of removing the white is Defringe, : 
found under Layer/Matting. Entering a figure of 1 pixel: 


in the dialog removes the white by sampling the colors : The method 
just inside the radius specified, and pushing those colors : outlined in 
outwards to replace those already there. It gets rid of the i step 6 works 
white, but is a little clumsy: we tend to get hard blocks of : well for layers 
unwanted color this way. : of a uniform 
; color range, 
: such as skin 
tones. But if 


: you're working 
on a complex 

: patterned layer 
such as textiles, 
: the painted 

: edge will look 

: false. The 

‘ alternative here 
‘ is to use the 

: Cloning tool, 
sampling just 
inside the edge 
as you work 
your way round. 


There are times when deleting a pixel all the way 
6 round doesn't work - if the elements on the layer are 
particularly fine, for example. In these cases, you need to 
take a more painstaking approach: lock the transparency of 
the layer using and then, using a small soft-edged brush, 
paint around the edge of the layer, sampling the adjacent 
colors with the Eyedropper tool frequently as you go. 
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Natural selection 


OCKING TRANSPARENCY 
is an essential capability 
to learn, as it allows you 
to paint on a layer without 
affecting transparent areas. 


CESE?) 
Layers T Channels N ic 
Í Normal ka) Opacity: 


ra [1005] 


It's a feature we'll be using 
throughout this book. 
Loading selection areas is 


:- olaola 


Under normal conditions, when 
: we paint on a layer the paint will 
: be applied irrespective of the layer's 
i boundaries, as can be seen here. 


another shortcut that you'll 
see used again and again in 
the chapters that follow, and 
it's important to understand 
how it works. In the example 
here, we're working on a 
document that includes three 
playing cards, on separate 
layers. We want to create a 
shadow on a fourth layer, 
above the other three: by 
loading up the transparency 
of the underlying card layers, 
we can achieve our aim with 
ease. It's worth noting that the 
shortcuts for adding to and 
subtracting from selections 
are the same as those used 
for standard selections, as 


To begin with, let's load up the 

Queen of Hearts layer by holding 
: and clicking on the name in 
: the Layers palette. The outlines show 
: that area selected. 


described earlier in this 
chapter. 


If we check the Lock Transparency 

box on the Layers palette, any 
painting actions are limited to those 
pixels already present in the layer: they 
change color, but aren't added to. 


We want to add the Jack of 

Diamonds, so now we need an 
extra modifier key: holding 
and clicking on the name will 
add that to the existing selection. 


With the Brush tool set to Color 

mode, we'd expect the color of 
the jacket to change without affecting 
the texture. But the color leaks out, 
polluting the background as well. 


So what, you might think. Well, 

here's a typical example: we want 
to change the color of this woman's 
dull jacket into something a little more 


Once we lock the transparency 
of the pixels, we can paint our 
color directly onto the layer without 
affecting the rest of the artwork: again, : 
only the pixels present are affected. 


But the Jack has to cast a shadow 
on the Queen as well. Holding 
while clicking on its 
name will remove the Jack's selection, 
and we can add the shadow we want. 


With our selection made, we can 
now make a new layer for the 
shadow and begin to paint - hiding the 
selection edges first (3G) GED) so 
we can see what we're doing. 


We only want to work on the two 
back cards, so we need to subtract 
the Five of Hearts layer. Holding 
219 while clicking on the 
name removes that layer's selection. 


‘ The shortcut 

: for locking 

: and unlocking 

: transparency is 
: @. The trouble 
‘ is, this is also 

: the shortcut for 
: locking a layer 
‘ so it can't be 

: painted on, and 
: locking it so it 
‘ can't be moved. 
: In general, the 
: key will repeat 
‘ the last action 

: you chose by 

‘ clicking in the 

‘ icons on the 

i palette; but 

: if you do find 

: yourself getting 
: a warning that 
: a task couldn't 
: be completed, 

: just go to the 

: palette and 
uncheck the 


box. 
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HANGING THE COLOR of the car above 
from red to blue would be an almost 


impossible task by conventional means: all 
those railings in the way would make selecting 
the car something of a nightmare. But by using 
Replace Color, we can adjust the hue selectively 
without having to lay hands on a single 
selection or painting tool. 

Replace Color is a hugely powerful tool that 
turns what would otherwise be a complex task 
into one that's enjoyable and effective. 


1 The brash blue of this once-elegant Victorian building 
may not appeal to all tastes. It certainly doesn't 


: appeal to mine, so let's change it to something more 
: environmentally friendly. Choose Image/Adjust/Replace Color 
: to get started. 


; 4 To add more colors, hold the key and click on an 


unchanged area, or drag to select a range of colors: 


: that range will be added to the selection, and the color will 
: change in the image. If you select a spot by accident, hold 
: GB while clicking to deselect that color. 
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By default, the Replace Color dialog shows a 

monochrome view of what's been selected: white is 
active, black isn't. By clicking on the image, regions of that 
color become selected. When you change the Hue value, the 
image changes to reflect that, as seen in the next step. 


Keep adding more color ranges until the entire building 
5 is altered. One way of increasing the range of colors 
changed is to raise the Fuzziness value; but this draws in 
unwanted colors in the surrounding area, as can be seen in 
the color change in the windows of the neighboring building. 


Here's the result of our initial change, and we're turning 

the building green. It doesn't matter what color you 
choose to begin with; go for something bright, so you can 
see the change. So far, only a portion of the face of the 
building has changed color. 


: There are often 

: areas in the 

‘ surrounding 

: image that are 

: close to the 

: target color 

: range, and they 
: will get changed 
: as well. One 

: solution is to 

: duplicate the 

: layer, apply 

: Replace Color, 

: and then simply 
: erase or mask 

: the parts you 

; didn't want to 

: change. 


Now we're sure the building is selected, we can 
6 change the hue to a shade more in keeping with its 
surroundings. It may not be painted white like the building : 
to the left of it, but it certainly blends into the street better 
than it did before. : 


SHORTCUTS 
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Color by 


HE SELECT COLOR 
command works in 
precisely the same way as the 
Replace Color dialog detailed 
on the previous page, except 
that rather than changing the 

hue it returns a selection. 
This makes it the ideal 
tool for changing elements 
such as the sky, as shown in 
this example: with the sky 
isolated from the original 
image, we can paste in any 
cloud formation we want to 
strengthen and add drama to 
the image. Here, we've taken 
a sunny day on the Brighton 
seafront and made the scene 
altogether more doom-laden 
simply by replacing the sky 
with something a touch more 
dramatic. 


| ction — 


numbers 


This image shows a complex skyline, with many fiddly elements punctuating 
: the heavens - from the street light to the strings of bulbs stretched between 
: them, to the ornate roof on the building on the left. An impossible job using 
: the Lasso tool: but there's a better way. Choose Select/Color Range to begin the 


: operation. 


| 
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: 3 With the sky selected, open any other sky you have lying around and paste it 


inside the selected area: use Sh 


or choose Paste Into 


: from the Edit menu. The new sky will be positioned within the selection, and you 
: can move or scale it as required; it will move independently of the area you've just 


: pasted it inside. 
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The dialog works in the same way as Replace Color: the main difference 
2 is that the selected area is shown on the image as a QuickMask selection, 
although you can change this using the pop-up menu. Use and & 
before, to add and subtract colors to and from the selected range, until the entire 
sky is selected. 


® Selection © Image 


Selection Preview: None E3) 


oco 
Lo 


~ = city: 100% Pi 

Normal — Opacity: }100%) > | If you've 
Lock: |} 44+] @} hios] : performed a 
: Select Color 


: operation and 

: want to repeat 
: it exactly, hold 

: as you 

: select it again 

: from the menu. 
: It will reappear 
: with the same 

: settings already 
: loaded up. 

: Holding this 

: modifier will 

: reload the last 

: settings for any 
: of the color 

: adjustments as 
: well. 


4 Choosing Paste Into creates a layer mask that exactly matches the original 
selection - see Chapter 2 for more about how to use layer masks. We can 
now paint on the mask to remove pieces of sky from regions where it shouldn't : SHORTCUTS 


have appeared, such as halfway up the railings on the left. We'll also take this 
opportunity to adjust the foreground image to match the new sky's colors. 


LTHOUGH PHOTOSHOP CS HAS BROUGHT : 

us only one new tool, it's a useful one: : 
the Color Replacement Brush. It performs a task : 
almost identical to the Replace Color dialog, : 
discussed earlier in this chapter, but it has one 
significant advantage: you can paint the new 
color directly onto the image, without having 
to go through a dialog first. 

In one way, it's simply more satisfying to 
paint the new color straight on. But there are 
many other advantages to the new tool: where 
Replace Color would globally change one color 
for another, the brush allows us to mix our 
colors at will. In addition, we can control the 
area we color with more precision than we 
could with the dialog. 

The settings that determine the way the : 
Color Replacement Brush operates are the same : 
as those used by the Background Eraser tool, 
covered later in this book: take a look at the 
section entitled The Perfect Haircut in Chapter 
6 to see how to change the settings for both 
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1 Here's our model, wearing a bright 
red shirt. In color terms, it's pretty 


: close to the skin tones, so the Replace 


Color dialog would have some difficulty 
with this image; the Color Replacement 


: Brush is the perfect solution. 


: 6 Here, we'll use the same tool to 


change the model's hair color from 


: black to brown. In order to make this 

; process work, you need to complete the 
: whole coloring operation in a single 

: brushstroke. Far too bright - let's fix it. 


To begin, choose a color and set 
2 a tolerance of around 50%, then 
paint a test patch. You should watch 
to see that the color covers all the 
areas you want, and doesn't leak into 
unwanted skin regions. 


Press 

to bring up the Fade dialog 
immediately after brushing on the 
color: now we can reduce the strength 
of the last operation by dragging the 
slider, to make it more realistic. 


Here's what happens if you choose 

the wrong settings. At the top, 
too high a tolerance means the skin is 
being changed along with the shirt; at 
the bottom, too low a tolerance means 
not enough of the shirt is changed. 


Try to change all contiguous areas 
4 of color in one go. If you start with 
a small patch, as we did in step 2, and 
then carry on with a new brushstroke 
in the same area you'll get an ugly join 
which can be hard to get rid of. 
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Because the top half and the 

bottom half of the shirt are split 
in two by the arms, we can treat each 
as a separate region. By coloring each 
section in one go, we maintain an 
evenness of color throughout. 


In general, you'd want to use a 
8 soft-edged brush for this tool. 
Here, we'll paint tiger stripes onto the 
shirt by using a hard-edged brush. We'll 
begin by painting the black stripes, in 
Color mode. 


Although the last step changed 

the color, it didn't make the stripes 
darker. To do this, we need to change 
the brush mode to Luminosity instead. 
Now, when we brush over the changed 
areas, we make them darker as well. 


Change the brush mode back 
1 O to Color, and pick a bright 
orange. We can now change all the 
remaining red using the new color, to 


create this convincing tiger pattern on 


the shirt. 


There are three 
‘sampling’ 
modes for 

the Color 
Replacement 
Brush: Once, 
which only 
samples the first 
time you click; 
Continuous, 


: which keeps 

i sampling the 

: color beneath 

: the crosshair as 
: you paint; and 


Background 
Swatch, which 
uses the current 
background 
color. Once 

is the most 
controllable 


: method to use; 
: only choose 

: Contiguous if 

: there are strong 
: variations in 

: shading. 


. 
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The perfect setup 


GETTING THE BEST OUT OF PHOTOSHOP means making the application behave 
the way you want it to. This may mean investing in memory and additional 
hard disk space, as well as taking care arranging your palettes. 

Photoshop needs as much memory as you can give it. RAM is cheaper 
now than it has ever been: if you’re serious about Photoshop, you should be 
looking at a total system RAM configuration of at least 512Mb - more if you 
can manage it. The more real RAM (rather than Virtual Memory) Photoshop has 
available to it, the faster it will run. 

Even with enormous amounts of RAM, Photoshop will still write huge 
temporary files. It deletes these when you quit the application, so you’re 
unlikely to notice them, but they can run into hundreds of megabytes. If your 
main hard disk is used as a ‘scratch disk’ Photoshop will be reduced to fitting 
these files in whatever spaces it can find; they'll be so fragmented that the 
whole process will become slowed down. 

The best solution is to buy a second hard disk of at least 4Gb in size, or 
partition a larger disk, and assign this to be Photoshop’s scratch disk - you do 
this using File / Preferences / Plug-ins and Scratch Disks. Resist the temptation 
to put anything else on this disk: keeping a large, clean disk spare for the 
exclusive use of Photoshop will greatly speed up its processing power (to say 
nothing of reducing fragmentation on your main hard drive). 

Even with a clean scratch disk, Photoshop will still have to wade through its 
large temporary files, particularly if you’re working on big images. Get into the 
habit of using the Purge All command (Edit menu) every time you’re sure you 
won’t want to undo what you've just done, use the History palette or paste an 
item from the clipboard. This will clear out the temporary files, and can often 
take a minute or so to accomplish - which gives you some idea of how large 
these files can get. 

You can set up your frequently used palettes by storing them in the Palette 
Well, so they can be accessed with a single click; they'll also vanish when you 
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If there are graphic elements, such as Store your frequently used palettes in 
logos, that you use frequently, define the Palette Well. They’ll appear when 
them as custom shapes and they’Il you click on them, and disappear when 
always be ready to hand. you’ ve finished. 
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Click an icon to see the image alone Don’t store the Layers palette in 
ave against a gray background, or against the Palette Well — you'll need this 
black with menus hidden: use the F key constantly on view. 


to cycle through the options. 


click elsewhere. But if you want to see the image you're working on uncluttered 
by any screen debris, press the Tab key and all the palettes, including the 
Toolbar and Options bar, will disappear. Press the Tab key once more to bring 
them back. Don’t put the Layers palette into the Palette Well, since you won’t 
want that to keep disappearing. 

If you’re working on complex montages that contain a large number of 
layers, make new Layer Sets to hold them. If you want to make a new set from 
existing layers, the simplest way is to link them together and then choose 
New Set from Linked from the pop-up menu on the Layers palette. Remember 
that you can also duplicate entire sets, which makes it easy to try out multiple 
variations in your artwork. 


1m Dhata 
“Pr a HOLOS AOpP 


29 


30 


32 Group therapy: layer modes 

34 Layer masks 1: intersections 

36 Layer masks 2: transparency 
38 Layer masks 3: soft edges 
40 Layer masks 4: smoothing 
42 The sands of time 

44 Blending 1: fire power 

46 Blending 2: plane view 


48 INTERLUDE: Graphics tablets 


using hard or soft edges, and then painted back into 
place if the need arises. Layer masks are one of the most 
powerful devices available to the photomontage artist. 


Changing the way two layers interact with each other 
is also a vital technique to master. Layer interaction 
may involve altering the blending mode to allow the 


underlying texture to show through, or selectively hiding 


parts of a layer depending on its brightness values; 
you can even hide parts of a layer depending on the 
brightness of the layers beneath it. 


IMAGE: BODYSHOTS 
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The jacket has been separated It's grouped (Photoshop CS: 
from the figure and made into made into a Clipping Mask) with 
: a new layer. The texture (a piece of the jacket by pressing EDE 
: wallpaper) is placed over the top, and CDE; now, the texture is visible 


: completely obscures the jacket. only where it overlaps the jacket. 


ROUPING LAYERS 
together is the easiest 


way of constraining the 
visibility of one layer to that 
of the layer beneath. 

It all gets more interesting 
when you start to change the 


mode of the grouped layer. 
Note that in Photoshop CS, 
groups are now called Clipping 


: Lighten mode is similar to Screen, 7 Darken mode does the opposite 
Masks: I'll continue to call : but with a twist: it only brightens of Lighten. Since the background 

: those parts of the underlying layer that of the pattern is brighter than the suit 
them groups for the sake of : are darker than the target layer. color, it has no effect; only the relief on 
those who haven't upgraded. : the pattern shows through. 


æ Layer modes are changed by A The opposite of Multiply is Screen: | Overlay mode is a kind of mid- TIP 


J selecting from the pop-up menu at “F this adds the brightness of the mo) point between Multiply and 

the top of the Layers palette. This mode layer to the brightness of the layer Screen. It's a more subtle effect than : 

: f : aoe : i i : You can use 
is Multiply, which adds the darkness of beneath, resulting in an image that's either, and allows the full texture of > keyboard 
the layer to the one beneath. brighter than either. the jacket to show through. : ae i 


: change layer 

: modes, so you 

: don't have to 

: keep reaching 

: for the pop-up 
: menu. Hold 

: down 
: while 
: typing the 

: first letter of 

: the mode's 

: name — so use 


: Multiply, 

: for 
: Hard Light, and 
: so on. 


for 


Qo 


O of Overlay, which increases the J version of Hard Light, producing IAJ underlying layer, but adds a 

saturation of both layers. Some of the an altogether subtler effect. The strong color element to it, producing a : reg 
underlying layer's detail is often lost textures of the original jacket are deeply hued result that's quite different : 
using Hard Light. clearly visible beneath the pattern. to any of the others. : 


© Hard Light is a stronger version Q Soft Light is a toned-down 
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OST MONTAGES 
involve combining 


objects in such a way that they : 


interact with each other. The 
simplest way of putting one 
object ‘inside’ another is to 
use a layer mask, which allows 
one object to appear to be 
simultaneously in front of and 
behind another. 

Layer masks have more uses 
than this, as we'll see later in 


this chapter: they're one of the : 


most powerful weapons in the 


photomontage artist's arsenal, 


and deserve close inspection to : 


see how you can achieve the 
best results from them. Here, 
we'll use a layer mask to place 
the handheld computer so it's 
truly held by the hand. 


1 With the two elements of this 
simple montage placed together, 


: we can see the problem immediately. 
: This hand may be in the same scene 


; 3 Using a hard-edged brush, simply 


paint with black over the thumb 


: area. Because the layer is being hidden 
: rather than erased, we can always 


as the Psion, but it isn't holding it: we 
need to bring the thumb to the front 
so that the machine appears to be 
gripped by it. 


adjust the mask to show the portions 
we've hidden: simply paint with white 
to restore the image. At the end, 
change the opacity back to 100%. 


: 5 With the layer unchained from 


its mask, we can now move it 


: independently and the mask will 
: remain where it is. The object can be 


shifted, scaled, rotated or distorted 
however you choose and will still 
remain grasped by that thumb, because 
the mask now stays put. 
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One solution would be to erase 

the thumb area from the Psion. 
But that would be an irrevocable step, 
and would mean we couldn't move the 


machine afterwards without leaving 

a hole. Instead, choose Layer/Add 
Layer Mask/Reveal All. The ‘Reveal All’ 
bit simply means that we begin with 


The tiny icon immediately to the 

left of the layer thumbnail will 
show either a paintbrush or a circle 
in a gray square, indicating whether 


you're working on the layer or its mask. 
When the Psion is moved, the mask 
moves with it, as can be seen here: 
this is because the layer is linked to 


Adding shadows helps the effect 
to look realistic. Two shadows 
have been added, one for the Psion and 

one for the hand: each shadow layer 


has been grouped with its target layer, 
so it only shows where the two overlap. 
Keeping the shadows separate makes 
them easier to adjust later. 


ooo 


J Layers \ Channels = 0 
opacity: o P) 


Normal 
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nothing hidden. So that we can see 
what we're doing, it helps to lower the 
transparency of the Psion layer first; 
setting it to 50% lets us see the hand. 


oc so 
Opacity: |100%| 


Lock: alata] Fal: [1008 | 


1 Normal 
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its mask. To unlink it, click on the tiny 
chain icon shown between the layer 


it will disappear. 


: Painting on a 

: layer mask with 
: black hides the 
: layer; painting 
: with white 

: reveals it. A 

: useful shortcut 
: is to press GQ, 

: which swaps 

: . : foreground and 
thumbnail and the mask thumbnail and : 
: background 

: colors over. This 
: makes it easy to 
: adjust the mask 
: without having 
: to swap colors 

: in the toolbox. 
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DIVER IMAGE: STOCKBYTE 
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transparency 


ing and show! 


This sea and sky have been comped together from two 
: different photographs. The hard line that separates them 
: looks too rigid: this amount of cloud would surely create a 
: hazy effect on the horizon. 


AINTING ON LAYER MASKS with black 
hides the layer; painting with white 


reveals it again. But painting with intermediate 
shades of gray causes the layer to become 
partially transparent. 

Rather than choosing a gray tone, we can 
simulate gray by lowering the opacity of the 
brush tool as we paint - which is how the 
image of the diver's legs as seen through the 
water is achieved. 

As well as lowering the opacity, we can also 
use a soft-edged rather than a hard-edged 
brush to paint with. This creates a fading mask, 
as if we'd feathered a selection and deleted it. 


But of course, since this is a mask, we can paint 


: Another layer mask is created, this time for the diver. 
the hidden areas back in again at any time : The bulk of her body beneath the waves is simply 

: painted out with a large brush, to hide as much of the 

: unwanted area as possible in one go. 


- which would be impossible if we'd chosen to 
delete the area instead. 
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After creating a layer mask for the sea layer, l've simply Placing a figure in the foreground looks desperately 
brushed along the horizon using a small, soft-edged 3 unconvincing: the diver may occupy the same visual 
brush - holding the key down to ensure a straight line space as the background, but there's no sense of her fitting 
as | painted. This creates the effect of a slightly feathered into it. 
edge along the horizon. 


: When painting 
: layer masks, you 
: may frequently 
: need to change 
: brush size to 

> create fine 

: adjustments. 

: Rather than 

: picking from the 
: pop-up list, use 
: the keyboard 

: shortcut: the 

: key selects 

: a smaller brush, 
> the @ key 

: selects the next 
: larger one. 


5 Switching to a much smaller, soft-edged brush, and 6 But water is a translucent substance. Still using white, 
painting with white rather than black, we can begin to choose a larger brush and set its opacity to just 20%. 


paint the figure back in around the water line. By following By painting selectively on the mask below the water line, : SHORTCUTS 
the contours of the figure as well as those of the waves, we we can now see a hint of the diver through the sea. I've also: TO o Co 
can make her look far more part of the scene. used the Wave filter to make the diver's legs ripple slightly. : 
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Hiding and showing 


Layer masks 3: | 


NY OF THE PAINTING 
tools can be used on 
a layer mask - not just the 
Brush. If a tool can be used in 
a Photoshop layer, it can be 
used on the mask as well. 
This greatly extends the 
scope of masking, as well as 
allowing us to create some 
interesting and unusual 
effects. Here, we'll use the 
Gradient tool to produce a 


softly feathered edge to a bank : 
of cloud, looking just as if we'd : 


erased it with a huge Eraser. 

More interesting is the 
second effect, which uses the 
Smudge tool to create the 
mask by bringing in the black 
around the figures, so that the 
grass appears to overlap them 
convincingly. 
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soft edges 


1 A patch of cloud has been placed directly over the top of the grass in this 
image. The effect is clearly desperately unconvincing, and even raising the 


: horizon line by deleting a section of sky would look like a poor montage. To 
: enhance the misty effect, we'll blend the sky smoothly into the grass. 


This sultry pair seem unaware of the fog rolling in behind them - but we need 
: to make them fit into their environment better. After creating their layer 

: mask, we first hold @@z and click on their name in the Layers palette, which 

: loads up the area taken up by the pixels in the layer. Then inverse the selection, 

: using ictr/ @; fill the new selection (which includes everything 


: except the couple) with black. You won't see any change: that comes later. 


After creating a layer mask for the cloud layer, choose the Gradient tool and 
2 set it to Foreground to Background, using black and white as the respective 
foreground and background colors. Now position the Gradient tool at the bottom 
of the clouds and drag vertically, holding the Shift key down as you do so to create 
a pure vertical. The result is a smoothly fading mask: the mask itself is shown inset. 


The layer mask we just created looks like the inset (above right). Because 

white is the selected area, the hidden region (black) hides nothing. Now for 
the interesting bit: using the Smudge tool, gradually streak up the black mask 
where the bodies touch the ground. Each streak will hide a part of them, and the 
result will look as if the blades of grass are truly in front of the bodies. The minimal 
shadow, painted on a new layer behind them, simply adds to the effect. 
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Experiment 
; with different 
: brushes and 
: tools on layer 


: masks to see the 
effect. Using 

a brush set to 
Dissolve, for 
instance, would 
be a good way 
of masking 
these figures if 
they were lying 
on sand rather 
than grass (see 
page 42 for an 
example of this 
technique). For 
less defined 
background 
surfaces, try 
using the Blur 
tool instead - 
set it to Darken, 
or it will have 

: little effect. 
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Layer masks 4: smoothing 


: Í load the selection. Make a layer mask and inverse the 


| UTOUT OBJECTS CAN LOOK TOO CRISP, + selection, then fill the inverted area with black. Here's how 


‘Qe! particularly if they've been silhouetted : the mask looks: its crisp edges won't affect the layer yet, 
: since it's only masked what isn't visible anyway. 


fr : 1 First, hold JI and click on the layer name to 
[| 
q 


using the Pen tool. This hand appears false 
against the slightly out-of-focus background: 
it's an obvious montage that wouldn't fool 
anyone. 

One technique might simply be to feather 
the edges of the hand. But that's an irrevocable 
step: anything that has been permanently 
deleted will be hard to put back afterwards. 

A better method is to create a layer mask 
and adjust that, as shown here. This technique : 
makes it easy to get exactly the amount of edge : 
blurring you need, without having to commit : 
yourself at any stage: you can always discard 
the layer mask and repeat the process with 
different settings later. 


: A This figure suffers from the same problem: the hard 

: & edge of that white jacket looks more like plastic than 
: fabric, and his ear is too crisp against the background. 

: Applying the method outlined above will rectify this 


: situation easily. 


Now, with the inverse still selected, feather the 
2 selection by using 9 ) EBEDD and specifying 
the feather amount, then fill with black again. A figure of 
1 or 2 pixels will be sufficient. Here's how the mask looks 
afterwards. 


Now the hand looks more like it belongs with the 

background: the edges are softened, without a single 
pixel having been deleted from the layer itself. If the 
background changes and you need the hand to be crisp 
again, simply discard the mask. 


l D 


So far, so good: the jacket and ear blend in much better 
5 with the background. The hair, however, is another 
matter. Because the original strands of hair were so fine, 
the new mask has made the individual stray hairs disappear, 
while the remainder now looks more like a bad wig. 


— 


The solution, of course, is to set the foreground color 
to white and simply paint out the mask around the hair 
edge. It's always worth checking for details like this when 


using this masking technique, as any fine elements can easily : 


be lost in the process. 


iO neat in Photoshop 


: Don't be 

; tempted to 

: use too high a 

: feather amount 
: when blurring 

: the edges; you'll 
: end up with an 
: edge that looks 
: fuzzy without 

: being properly 
: hidden. If you 

: do want a 

: large feather, 

: then start at 

: 2 pixels and 

: keep repeating 
: the process, 

: increasing the 

: feather amount 
: as you go. 
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Hiding and showing 


SING LAYER MASKS 
and groups is a useful 


way of combining many layers 
so that they're constrained in 
visibility. This illustration for ES : 
Magazine was to accompany : 
an article about how time's 
running out for tropical beach 
holidays: combining the sand 
of the beach with the sand 

of an eggtimer seemed like a 
good idea. Too bad ES didn't 
agree: the illustration was 
dumped. 


The eggtimer was modeled in A brushed aluminium texture was 
: Dimensions (see Chapter 10), made by filling a white rectangle 
: with the base, glass, and top and legs with noise and adding motion blur to 
: imported into Photoshop as three it: this was grouped with the top, legs 
: distinct layers. and base and set to Hard Light mode. 


All the elements were brought Shadows painted around the 
6 in in separate layers: the objects 7 objects and at the bottom of the 
: at the bottom were masked using the glass helped to make all the objects 
: Brush tool set to Dissolve to create the look more like they were part of the 
: sandy effect around their edges. same scene. 


ALAJ aN f 
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: 


The sky and sea were placed on The sand was drawn as plain The water was added as a single 
top of the glass layer, and grouped brown, grouped with the glass layer in front of the sand. A Layer 
with it so that their visibility was layer, and then Gaussian Noise was Mask allowed me to paint it out around : When you need 
limited to that of the original glass added; the textures were painted in the cone of the sand, and to lower its — : $ 
layer. using the Dodge and Burn tools. transparency at the front. : to experiment 
: with different 


: opacity settings 
: for your layers, 

: there's no need 

: to keep reaching 
: for the Layers 

: palette. With 

f the Move tool 

: selected, simply 
: type a number: 

: 5 for 50%, 1 

: for 10%, and 

: 0 for 100%. To 

: get intermediate 
: values, type 

: two numbers 

: in quick 

+ succession: so 

: type 4 then 5 to 
: get 45%. 


The original glass layer was A fine rim was added all the way Finally, the legs were copied 
duplicated and moved to the 9 around the edge of the glass, to 10 and curved using the Shear 
top (just before the lid layer), and set give an impression of the thickness filter; the opacity was lowered to 20%, 
to Hard Light mode, with its opacity of the material. Without it, the glass and a layer mask was used so they : 
reduced to 50%. looked too ethereal. appeared to be a reflection in the glass. : 
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Here are the two elements of changing the mode of this layer to 


: this montage - the hand holding Screen would get rid of the black, but 
: the gun, and the photograph of the the flame would be pale against a 

: firework which has been rotated light background - and would become 
: to match the gun's angle. Simply invisible against white. 


- 


HE BLENDING OPTIONS 


feature, tucked away 


within the Layer Style palette, 


: æ When we zoom in on the image, hidden. It's an ugly, stepping effect; in 
is one of the most overlooked : JD however, we can see that moving order to make the effect more realistic, 
features in Photoshop. But the slider prosuces2 sharp cutoff we need to look more closely at exactly 

: between what's visible and what's how that black slider operates. 


it's an enormously powerful 
tool that allows you to hide 
or show picture elements 
automatically, without 
touching a brush or layer 
mask. 

In the image above, for the 
Sunday Telegraph, | duplicated 
the background sky complete 


with lightning, and placed it in 


front of the globe; then used : pæ Further adjustment of both sliders slider to 120, which removes exactly 
. . : J allows us to set the visibility of the right amount of black without 
Blending Options toremove : this layer exactly as we want it. Now, weakening the effect of the rather 


the sky from the front version. : the left slider is set to 50 and the right enthusiastic gunshot. 


Double-click the layer's name or 
2 choose Layer/Layer Style/Blending 
Options to bring up the dialog. It's the 
bottom section we want to look at, 
the one headed Blend If. On the This 


What appears to be a single 

triangle is, in fact, two. Hold down 
as you drag and it will split 
into its two sections, which can be 


When placed against a suitable 

background (somehow libraries 
always come to mind when | think of 
gunshots) the effect is dramatic. | don't 


Layer section, drag the black triangle 
to the right - here, it's at a position 
of 10 (working on a scale of O=black 
to 255=white). This hides everything 
darker than 10 in the image. 


manipulated individually. With the left 
slider still set to 10, we now drag the 
right one out to a position of 75. This is 
what happens: everything darker than 


believe there's any other way that this 
flame could have been isolated from its 
background as convincingly as this in 
Photoshop. 
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10 is hidden, and everything brighter 
than 75 is fully visible. But now, all 
the values in between fade smoothly 
between the two states. 


: 


: Blending options 
: can be used to 

: remove light 

: colors as well 


: as dark ones: 

: simply drag 

: the right hand 

: (white) slider to 
: the left instead, 
: and split it into 
: two in the same 
: manner. 
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1 In this example, we're going to 
make the plane fly through the 


: clouds rather than just sitting on top. 


HIS SECTION DEALS WITH : 
the other half ofthe : 
Blending Options dialog - the 
Underlying Layer section. This 
controls the visibility of the 
target layer depending on all 
the layers beneath it, not just 
the one directly below. 

The illustration above was 
for a Sunday Times Magazine 
cover, illustrating the crowded 
state of Britain's air traffic. 
Rather than creating an 
Underlying Layer adjustment 
for each plane, | duplicated 
the cloud layer to the front 


that layer: seen through it 
were not only the planes, but 
the original sky as well. 


: Working on the plane layer, it's clear 


that we don't want to hide that layer 


: 3 Since we're working with blending 


values rather than with a layer 


: mask, we can move the plane anywhere 
> we want within the artwork and the 


ane VI 


CW 


depending on its brightness values: 
unlike the example on the previous 
page, this isn't simply a case of 
removing the black element from the 
target layer. 


and removed the blue sky from : 


effect will still apply. This is a great 
technique for animation, and works 
well if you're planning to import 
Photoshop artwork into After Effects. 


Aa 


Because we want the visibility 
2 of the plane to be affected by 
the presence of cloud in the layer 
beneath, we need to turn our attention 
away from the This Layer section 


wa 


Although we hid the plane in 

the clouds correctly, the overall 
effect can be made more realistic by 
allowing a little of the plane to show 


< Dek. Sa 


of the Blending Options dialog, and 
look instead at the Underlying Layer 
section. This works in exactly the same 
way, except - as its name implies 

- the visibility of the target layer 


> Bete. 


through - after all, clouds are not solid 
objects. This is achieved by dragging 
the right slider back towards the right, 
increasing the number: in this instance, 


im Dhoantnchon 
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is determined by what's going on 
underneath. Here, we've dragged and 
split the right (white) slider rather than 
the left (black) one; settings of 118 and 
167 do the job well. 


| 


: Not all clouds 

: are as obliging 
: as these. If the 
: gray values in 

: the cloud are 

: the same as 

; those in the 

: sky, you'll need 
: to add a layer 

: mask as well, 

: painting out the 
: offending areas 


: by hand. 
Layer Style 
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a value of 196 as the white cutoff 
point is enough to add just a touch of 
translucence to what would otherwise 
be over-opaque clouds. 
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Graphics tablets 


I SPENT SEVERAL YEARS reviewing graphics tablets for MacUser, praising 
their capabilities and deriding their shortcomings, while all the time secretly 
wondering why anyone would use such an awkward device. When each new 
tablet arrived I’d expect a liberating feeling, hoping that I could finally discard 
my mouse and sketch as if I was drawing on paper with a pencil. And each time 
I felt frustrated, because drawing on a tablet while looking up at a monitor is 
nothing like drawing on paper. And then I realized the problem. 

Graphics tablets take a lot of getting used to. 

Using a stylus is very different to using a mouse. For one thing, it isn’t 
tied to your computer, which means it can roll around the desk, drop into the 
waste paper basket and have to be rescued from among a pile of junk mail 
before it ends up as landfill. The stylus could end up anywhere: at least a mouse 
can’t be more than a cord’s length away. 

My main problem with the stylus, though, was that although it seemed 
perfectly adequate for shading and painting, it was too clumsy for web 
browsing and general use. There’s also the problem that while a mouse moves 
the cursor in the direction you choose - and you can site a mouse anywhere on 
the mouse pad while you drag it around - the stylus and tablet have a one-to- 
one relationship with the monitor: the top left corner of the tablet represents the 
top left corner of the screen. You can’t simply position a stylus anywhere you 
want it and expect it to behave like a mouse. 

In theory, I could have used the mouse for some tasks, and the stylus and 
tablet for others. But the mouse wouldn’t work properly on the tablet’s surface, 
and in order to use the tablet I had to place it on top of my mouse mat and then 
take it away again to use the mouse. So the tablet always ended up sitting on 
the shelf until the PR agency who'd lent it to me sent out a courier to pick it up 
again. 

Then I was sent a combined mouse/stylus combination to review. Made 
by Wacom, it’s the cheapest tablet they produce: at a cost of under $100, I fully 


erties a a bbw FLU STIU 
i 


expected it to be more of a toy than the kind of tool a serious graphic artist 
would give a second glance. 

The first thing that surprised me was the mouse. It was cordless, which felt 
decidedly modern. True, it was no longer chained to my computer, but at least 
it couldn’t roll off the desk like the stylus. There was no ball to clog up, which 
meant the regular task of scrubbing my mouse ball and scraping the rollers with 
a fingernail were finally a thing of the past. 

The mouse also had two buttons, which was quite a novelty for a diehard 
Mac user, although I spent many hours trying to decide what to do with the 
second button (you can customize it to do anything you like, and even change 
its function depending on the application you’re working in). But best of all, the 
mouse had a scroll wheel that let me zip through web pages, tear down Word 
documents and whizz through image libraries without having to click on one of 
those annoyingly small arrow icons at the corners of windows. 

I started using the mouse in earnest, glancing occasionally at the stylus as 
it perched in its holder at the top of the tablet. Once in a while I’d reach for the 
stylus when I wanted to perform a task for which variable pressure would be 
useful, such as painting shadows or using the Dodge and Burn tools. 

Gradually, over the weeks, I began to feel more at home with the stylus, 
and found myself using it increasingly often. Now I find that I’d be lost without 
it: I take it with me everywhere I take my PowerBook, and if I ever have to 
give a demonstration where I have to use the mouse that comes with the demo 
computer, it feels clumsy and awkward. 

The upshot of all this is that I now 
recommend a graphics tablet wholeheartedly 
to anyone who'll listen, to the extent that I 
consider them an essential tool. 

Just don’t expect to take to it 
immediately. 
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look at the Curves adjustment, the most powerful tool for 
correcting color, which can also be used to boost contrast 
within the image. 


We'll kick off this chapter by taking a look at Shadows 
and Highlights, one of the most powerful new features in 
Photoshop CS. It's an enormously satisfying tool to use, 
as it's capable of providing a quick fix solution to the 
problem of over-dark and bright areas in a photograph. 


IMAGES: BODYSHOTS, STOCKBYTE 
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Shadows and highlights 


A This figure has been photographed 
| with strong side lighting. If used 
in a montage, we'd have to arrange 

all the lighting in the scene to match 
it; but with Shadow/Highlight, we can 
: make this image look as if it has been 

: lit from the front. 


HE SHADOW/HIGHLIGHT ADJUSTMENT IS ONE OF 
| Photoshop CS's best new features. This bust of Liszt (top) 


A This figure poses the opposite 
: “IF problem. The lighting on the 
has been photographed outdoors against a dark background. : skintones is fine, but the shirt is very 
: bright - it almost disappears against 
> this white background. We'll use 
Highlight (bottom) produce great resutls. The background is duly : Shadow/Highlight once again, but 


Hard to remedy conventionally, the default settings of Shadow/ 


brightened, and none of the fine bright detail of the bust has i WE turn Our attention $o 
: the Highlights area rather than the 
been lost in the process. : Shadows section. 
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Shadow/Mighlight 


Radius 30 px 


F Preview 


Highlights 
Amount o s 


Radius 30 pr 


Adjustments 
Color Correction: 


Midtone Comrast: o 


Black Clip: 0.05 |% White Oige [0.05 1% 
(Save As Defowks > 
F Show More Options 
—————————————————————_———— 


The default settings of Shadow/Highlight produce a 

markedly better image, with much of the detail that 
seemed to be lost in the shadows being returned to view. 
Overall, though, we can still see a strong light from his right, 
leaving the left side of the face in shadow. 


Shadow Highlight 


Highlights 
Amount so x 


Tonal Width: [o lx 


Adjustments 
Color Correction: +20 


Midtone Contrast: o 


Black Clip:|0.05 |x white Oig [0.05 1% 
(Save As Defauks ) 
Show More Options 
eCeee.e.e-:&&_L_,aXKxKroo 


To start with, reduce the Shadows amount to zero so 

there's no change in that area. Now we can increase 
the Highlights value to, say, 50%, which darkens up the shirt 
well (out note how that white telephone cord still stands 
out against the dark tie). The shirt's looking good, but some 
of the Highlight setting has ‘leaked’ into the skin, making it 
too dark and over-saturated. 


Shadow/Mighlight 
Shadows 
Amount 180 * 


Highlights 
Amount D ix 


Adjustments 
Color Correction: [z0 


Midtone Contrast: lo 


Black Clip: 0.05 |N White Clipe [os ix 


(Save As Defauks ) 
FA Show More Options 
ec 


By increasing the Amount setting in the Shadows 

dialog from the default 50% to 80%, we're able to 
balance both sides of the face to give an even lighting 
overall. The colored lighting still produces a blue sheen on 
the left, but that can easily be fixed later. 


Radius (30 px 


Mighlights 
Amount iso x 


Adjustments 
Color Correction: 1420 


Midtone Comrast: jo 


Black Clip: 005 [N White Oig [0.05 % 


(Save As Defewks ) 
FA Show More Options 
eGV——_—_—ooO— 


To fix this problem, we need to reduce the scope of the 

Highlights adjustment. The Tonal Width slider in the 
Highlights setting has a default value of 50%; by reducing 
this to just 20%, we're able to limit the range of the effect 
so that the skintones are not included. Now, the shirt has 
been reduced in brightness, while the skin has been left 
pretty much alone. 


: Now that 

: Photoshop 

: CS allows you 

: to customize 

: keyboard 

: shortcuts, it's 

: well worth 

: assigning a 

: custom shortcut 
: to this feature, 
: since it's likely 
f to be one you'll 


: use on almost 

: every image 

: you open. A far 
: more competent 
: "quick fix’ than 
: any of the auto 
: Curves or Levels 
: adjustments, 

: Shadow/ 

: Highlight is 

: a reason to 

: upgrade on its 

f own. 
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-— Channel: RGB Ea) n= 


Input: 


Output: 


Image adjustment 


Curves 


HERE ARE MANY WAYS OF ADJUSTING 

images in Photoshop - Levels, Brightness 
& Contrast, Hue & Saturation, Color Balance. 
The most powerful of the lot is Curves, which 
allows you to make both fine and sweeping 
alterations in a single dialog. 

The Curves dialog is one which confuses 
many new users, but it's worth getting to grips 
with. The graph shows how the input values 
(the original image) translate into the output 
values (the result of the operation); by subtly 


overall brightness and contrast but each of the 
red, green and blue channels as well. 

Using Curves often involves thinking 
backwards: so if an image is too red, for 
example, the best fix is often to increase the 
blue and green components, rather than to 
reduce the red (which would result in too dark 
a result). Subtlety is the key: small adjustments 
are always the best way forward. 


tweaking this graph, we can adjust not only the : 


Channel: RGB E) = 


So 


When you open the Curves 

dialog you see, perhaps 
surprisingly, not a curve but a 
straight line. As a default, the 
input values are the same as the 
output, so there's no change. 


Channel: RGB — — 


As well as clicking in the 
4 center, we can also adjust 
the endpoints. Clicking the top 
right point and dragging down 
limits the brightest part of the 
image, reducing contrast. 


Channel: Green E) — 


We can also adjust each 
7 color individually. Choose 
the color channel from the 
pop-up menu: we'll correct the 
red cast by adding green to the 
image. 


Channel: RGB ar — 


By clicking in the center 
2 of the line and dragging 
upwards, we make our first 
curve. Raising the curve 
increases the overall brightness 
of the scene. 


Channel: RGB = — 


If we drag that top right 
5 point to the left rather than 
down, we produce the opposite 
effect - increasing the contrast 
of the image. This is a very 
useful and controllable quick fix. 


Channel: Blue Ra — 


To correct our image 
further, we need to add 
more blue. Switching to the Blue 
channel allows us to raise the 
blue content. But the image is 

now too washed-out. 


Channel: | RGB B: 


Conversely, clicking in 

the center and dragging 
downwards lowers the 
brightness, producing an image 
that's darker overall. 


Channel: RGB 4 =: 


By dragging the top and 

bottom points towards the 
center, we create a stylized, 
posterized effect that turns 
any photograph into more of a 
graphic object. 


Channel: RGB Ba — : 


Click once in the center of 
the RGB curve to ‘pin’ that 
midpoint; now drag just the top 
half of the curve to make this 
S shape, and the result is to 
increase the overall contrast. 


: If you find that 
: Curves behaves 
: in the opposite 
: way for you, 

: make sure the 

: gradient bar 

: beneath the 

: graph is dark 

: on the left 

: and light on 

: the right. If it 
: isn't, click the 

: double-headed 
: arrow in the 

: center and it 

: will be changed 
: for you. To 

: switch between 
: the Red, Green 
; and Blue 

: channels, use 
ene. 
> and 

: EDO. Press 

: BO DO to 
: switch back to 
: RGB. 


SHORTCUTS 


IMAGE: STOCKBYTE 


Image adjustment 


ATCHING COLORS 
between two 


photographs is at the heart 
of the photomontage artist's 


produce enormous differences 

in color and tonal range, which 

need to be balanced in order 

to make a montage work. 
While the hand shown 

here was a reasonably good 


original digital capture, it looks : 
completely wrong when placed : 


against a face which appears 
to be a totally different color. 
The Curves adjustment is 
the ideal tool for this job. The 
process involves several steps, 


and it's a good way of learning 


how to manipulate Curves to 
achieve precisely the results 
you want. 


Channel: Blue E) = 


Channel: Blue HJ = 


At first glance, the hand needs to 
have much more yellow in order to 


: match the face. There's a problem here: 
| we have access to each of the Red, 

f Green and Blue channels, but there's no 
: yellow. The trick is to think in reverse, 

: taking out colors we don't want rather 
: than adding colors we do. 

craft. Variations in lighting can : 
> way, that the hand is far too blue. So 

: open Curves (using ED) and 
: switch to the Blue channel using the 

: pop-up menu. Click in the center of the 
: line and drag down slightly to remove 

> that blue cast from the skintones. 


It's fairly clear, if we look at it this 


Removing the blue from the 
midtones, as we've just done, 
helped a lot; but we can still see some 
blue in the highlights, most noticeable 
in the shine on the backs of the fingers 
and in the fingernails. To fix this, click 
on the right side of the curve and drag 
vertically downwards. This limits the 

brightest part of the Blue channel, 
reducing the highlight glare. 


Channel: Red B) = 


Channel: RGB RA = 


Channel: RGB A = 


So far, so good - but the image 
3 still isn't quite the right color. 
Taking out the blue has left it with a 
greenish tint. We could simply take 
out the green, but that would make 
the whole thing too dark; instead, if 
we compare it to the face, we see that 
the face has more red in it. So switch 
to the Red channel, click in the center 
of the line and drag upwards slightly 
to increase the red content in the 
midtones. 


The result of the last three 

4 operations left us with a hand 
that is now the right color, but which 
is too highly contrasted: the shadow 
on the left of the hand is much darker 
than anything we can see in the face. 

Switch now to the RGB channel, 
which affects the overall contrast and 
brightness. Because we want to remove 
the shadow, we need to click on the 
extreme left of the line - which marks 
the darkest point - and drag upwards, 
to limit the darkness of the layer. 


Much better - but not quite there 
5 yet. By reducing the shadows, 
we've also left ourselves with a hand 
which is somewhat lacking in contrast. 
We can boost this by clicking on 
the top right corner of the line, and 
dragging it to the left: the result of 
this is to compress the tonal range, 
so boosting the contrast overall. 
It's important to make only a small 
adjustment here, as it's easy to go too 
far. In the end, though, we've got a 
hand which matches the face almost 
exactly. 


S HOT TIP 
If you create 

a point on the 
curve which you 
later want to 
remove, hold 
and 
click it again 

to make it 
disappear. To 
reset the entire 
operation, hold 
: to 

; make the Cancel 
: button change 
: to Reset, and 

$ then click it. 
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W newspaper ran a 
cover story about whether 
Britain was moving towards 
an American or European 
ideology, they wanted to show 
Britain at the crossroads. The 
gimmick was to use a car with 
a Union Jack painted on the 
top, as seen in the Michael 
Caine film The Italian Job. 

In order to see the roof, | 
had to stand on the top of 
my own car (after driving 
round the streets looking for 
a suitable mini) in order to 
get the correct perspective. 
Changing the color from the 
original black, however, is the 
technique that most concerns 


us here. 


Here's the original car photograph, 
cut out from its background using 
: the Pen tool. There really is no better 

: tool for this sort of job, and mastering 

> itis an essential skill. 


Í HEN THE GUARDIAN : 


: fe A far better solution is to say 

: =e) OK to the Hue/Saturation dialog 

: after you've made the color change, 

: and then use Curves to increase the 

: brightness. By clicking on the midpoint 


: «J we can apply our blue coloring to 
: it using the Hue/Saturation dialog once 
: again. The procedure is exactly the 

: same as in step 3, using a combination 


e The next step was to isolate just 
& the black body, again using the 
Pen tool. On the version on the CD, 
you'll find that I've done this for you: 
just load up the Pen path. 


Curves 
Channel: | RGB 3 Pomen erame Y 
© Cancel 
Load 
Save.. 
— Aro") 
| Options, 
Input: 87 
p we) Vivir 
Output: |146 
FA Preview 
EA 


of the RGB curve and raising it, we're 
able to increase the brightness of the 
midtones without affecting either the 
shadows or the highlights for a more 
natural result. 


Hue/Saturation 


Coh 
H ; 
= au Cancel 
Saturation 45 toad. 
"—— 
Save. 
Ughtness: o 
M Colorize 
I H Preview 


of the Hue and Saturation sliders to 
achieve exactly the color you want. 
Beware of increasing the Saturation 
slider too far, or you'll produce a color 
that's unprintable. 


™y Once the body paintwork had 

aJ been made into a new layer, it 
needed to be changed from its original 
black to a strong red. It would have 
been possible to do this using Curves, 


Now for the flag. The roof is 
selected from the red layer, 
and made into a new layer; then 


desaturated using 


g 


11 The red portion of the flag is 1 1 
IA created by drawing its outlines, | 
and then deleting that area from the 
white roof to reveal the red coloring 

that's already beneath it. 


Hue/Saturation 


Saturation 73 


Lightness 0 


F colonize 
T Preview 


SS 
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but for an operation like this the 
Hue/Saturation adjustment is far more 
suitable. Check the Colorize box, and 
adjust both the Hue and Saturation 
sliders to get the right effect. 


=y With all the color knocked out of 
the roof, duplicate the layer (we'll 
need the original later) and brighten it 
up to near white, once again using the 
Curves dialog. 


HMP 7296 
HMP 7296 


For the sake of historical 
accuracy, | used the number 


plate from the original film (found by 
phoning the webmaster of an Italian 
Job fan website). The lettering was set 


Because the bodywork was 

“fF too dark, you might think that 
raising the Lightness slider would be 
the answer. But this produces a pale, 
washed-out version of the original. 


© Now we can return to the original 
© desaturated roof, and draw our 
Union Jack outline. This is made into 
another new layer, and moved on top 
of the white layer. 


in the shareware font CarPlates, which 


was curved using the Shear filter and 
then had the EyeCandy 4000 Chrome 


filter applied - see Chapter 12 for more : 


on this filter. 


Eng 


~ È When color 

: changes are 

: made using Hue/ 
: Saturation it's 

: easy to create 

‘ colors that look 
: good on screen, 
È but which 

‘ aren't within 

: the CMYK 

; gamut and 

: will simply die 

: when printed 

: on paper. The 

: silution is to 

: turn on Print 

l Preview mode 


: using 


; toggle 


: this mode on 

: and off when 

: you're working 
: within the 

: dialog, and if 

: you can see 

! a significant 

: change then 

: you're working 
: outside the 

: CMYK gamut. 
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HOTOSHOP INCLUDES 

many tools for 
enhancing images - all the 
Adjustments, Unsharp Mask, 
and others. But sometimes 
working directly on the image 
layer produces ugly or over- 
saturated results; by making a 
duplicate of the layer, we can 
apply only the adjustments 
we want and discard those we 


don't need, simply by changing : 


the layer mode. 
Our original photograph 


here is of a man walking away : 


from the camera. Shots like 
this are always useful for the 
montage artist, as it allows 
us to add a human element 
to our images without the 
reader thinking it's supposed 
to be anyone in particular. 
But to photograph someone 
in motion, you inevitably get 
some blur and loss of detail; 
here, we'll look at ways to get 
some of that detail back. 


The first step in improving this 
dull, washed-out image is to 


: duplicate the layer. You won't see any 
: difference, of course: the new layer 
: simply replaces the old one, and looks 


Now, using the pop-up menu 
2 at the top of the Layers palette, 
change the mode of the duplicated 
layer from Normal to Soft Light. Right 
away, we can see an improvement: the 


: exactly like it. image is sharper and stronger overall. 
eco O50 
_ Layers 0 | Layers 0 

Normal E) Opacity: [100% [im] Soft Light E) Opacity: [100% [iP] 
tock: (I) 7]+] a! Fili: [100% J) tock: jaft a! Fil [100% j 
Sis ff ovtoroue copy || ý [erroreen copy 
IIL Il 

>| fe a > [A| Backorouna a 


The only problem with changing 

the layer mode is that the colors 
in the last step became too saturated 
in the process. Any further adjustments 
to this layer would only exacerbate 
that problem. The solution is to knock 
all the color out of the Soft a layer, 
using GIEZO G D to 
completely desaturate the image. The 
Soft Light layer now only affects the 
luminosity of the base image, which we 
can see through it: all the color comes 
from the original photograph, and is 
not altered by the new layer. We can 
now get to work on enhancing the new 
layer even more. 


Using the Unsharp Mask filter, we 
4 can apply an enormous amount 
of sharpening - here, it's 300% at a 
3 pixel radius - without affecting the 
color at all. 


Amount: |300 |% 
a er 


Radius:|3.0 | pixels 
tr 


Threshold: {0 | levels 
ar 


For a starker effect, try changing 

the layer mode from Soft Light 
to Hard Light. This produces a harder 
image altogether; the choice of which 
to go for depends on the final use to 
which it will be put. 


[ê] Lė] 
_ Layers ® 


“Soft Light E) Opacity: [100% J) 
Lock: olsj+]a Fill: [100% Pe 


| Background copy 


| Background a 


©. sl F 


: This technique 
> of working on 
: duplicates of 

: the base image 
: means you can 
: experiment to 
i a high degree 

: without losing 
: your original. 

: In some cases, 
: it's not unusual 
: to end up 

: with three or 

: four copies, 

: all working in 

; different modes. 
: When you're 
-| happy with the 
: result, you can 
> merge all the 

: layers together 
: into one. 
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Image adjustment 


HARPENING MEANS 
bringing back definition 


to soft or slightly out-of-focus : 


images. Rather than using the 
uncontrollable Sharpen and 
Sharpen More filters, the best 


way of proceeding is to use the : 


Unsharp Mask filter. 
The very name is enough 
to put you off, let alone the 
confusing interface. It's the 
single filter that confuses 
Photoshop users more than 
any other. The Unsharp Mask 
filter works by enhancing 
border regions between 
areas of contrasting color 
or brightness, giving the 
impression of a more tightly 
focussed original photograph. 
The amount of sharpening 
you apply depends on the 
original image - and also on 
the paper the final image will 
be printed on. Glossy art paper, 
such as that used in this book, 
is capable of reproducing 
images at high quality; but 
if your work will end up on 
newsprint, say, you'll need to 
sharpen your images twice as 
much as normal so they don't 


: (above) so we can see the 

: effect. It's simply a dark gray letter 

: placed ona light gray background, with 
: no color to distract the eye. 


How Unsharp Mask works 


Here's our image, Here's the result 
shown magnified 2 of applying 100% 

sharpening with a radius of 
1 pixel. The inside of the dark gray is 
darkened and the inside of the light 
gray brightened to increase contrast. 


The interface 


: Set the Amount 

: first: begin with 
: 100%, increasing 
: to up to 300% 
: for a really dull 
: image 


: Start with a 
: Radius of 1.0 
: pixels, and 
: increase if 
> necessary 


look fuzzy when they're finally : 


printed. 


: Adjust the 
: Threshold, if you 
: need to, last of all 


Toggle the Preview on and off to Hold 
compare the before and after images and click Cancel 
before committing yourself to revert 


Cancel 


Preview 


Threshold: |30 levels 


ki AIA Th 


Increasing the amount 4 When we increase the By increasing the 
to 200% makes the radius to 2.0 pixels, we Threshold value, we 


contrast between light and can see that the lightening determind how much of the 

dark even stronger, producing a much and darkening operation now occupies image is affected by the operation - in 

crisper result. a wider border around the hard edges this case, the darkening doesn't eat : 
- 2 pixels wide, in fact. into the gray to such an extent. : 


Putting Unsharp Mask into practice 


: As well as 

i varying the 
settings while 

‘ inside the 

: Unsharp Mask 
: dialog, you can 
: fade the effect 
l immediately 

: after applying 
: it. Press 

:@ ) 
to 
bring up the 
Fade dialog, 
which gives you 
‘ a slider that can 
: be used to lower 
: the strength of 
: the filter you've 
; just applied. 


Pr 


Our original image is fairly soft, In this exaggerated example, I've 3 si is where the Threshold feature : 
especially around high contrast 2 used an amount of 300% with a comes into play. By raising this to + 
areas such as the eyes. There's also radius of 2.0 pixels. But note how the 3 we prevent the filter from acting 
little detail visible in the hair, and we skintones have become over-sharpened on the low-contrast skin area, while ; SHORTCUTS 
can use Unsharp Mask to bring both of by this operation: that's the area we still enhancing the contrast in the eyes, : 
these into stronger focus. want left smooth. mouth and hair. : 
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HE HEALING BRUSH, INTRODUCED IN 
Photoshop 7, has quickly proved itself to 
be one of the most popular image correction 
tools. Far more powerful than the Clone tool, 
it's able to correct blemishes in images quickly 
and very easily. 

The secret lies in its ability to recognize the 
inherent texture of the source point, and blend 
that seamlessly with the lighting around the 
target area. For getting rid of spots, scratches 
and wrinkles, there's no better method. 

In this typical example, we'll use the Healing 
brush to remove the moles and spots from 
this model's face (although, to be fair to the 
original model, | have enhanced the blemishes 
to make them easier to see). 

The Healing brush works by sampling an area 
of clear texture to use as a reference point: 
the forehead is a great choice here, as for 
most faces, providing a wide expanse of skin 
uncluttered by facial features or hair. 


: To begin, let's take out that large mole above her 

: 1 eyebrow. Hold @9 and click in the middle of the 

: forehead to set the source point, then paint over the mole. 

: The result will look like simply cloning the forehed, until you 
: release the mouse button - then the tool does its magic. 


When we try to heal the mole on the side of the model's 
: face, however, we run into some difficulty. The tool 
: works by blending the shades of the surrounding area; here, 
: it's read the white background and blended with that. 


J CV D i iV 
a 


: Although you 

: might think 

you need to 

use a soft- 
edged brush to 
produce the best 
: blend, in fact 

: the opposite 


2 You can continue to paint over each additional mole The tool is so powerful that we can even take out the is rue: the 
in turn with the Healing brush. No need to reset the hole left by a missing earring. The color here is different, : Healine brush 
source point: the middle of the forehead will be remembered, and the ear is in shadow compared to the forehead, but the : g ; 

f e X : : works at its 
and will be used for each new painting stroke. tool can still patch the hole perfectly using the forehead : 


: most effective 
f with a hard 

: brush. If you 

: use a graphics 
tablet, you 

: should choose 
a brush whose 

: size varies with 
: pressure, rather 
: than opacity. 


skintones as the source. 


To stop the Healing brush looking beyond the edge of 6 Now, when we use the Healing brush on that area, 


the face, we need to tell it where to stop - by making a it will know not to blend with any colors outside the 
selection. The easiest way is to make a rectangular selection, selected area; and so it removes the mole on the side of the 
and use the Magic Wand to remove the white from it. face perfectly. : 


SHORTCUTS 


66 


Getting started 


WHENEVER I SPEAK IN PUBLIC, either in colleges or at computer shows, 

there are two questions I’m always asked. The first is the question asked of all 
creative artists: ‘Where do you get your ideas from?’ (I generally reply that I get 
them from the local idea store, except for particularly exotic ideas which have 
to be bought by mail order direct from Paris.) The second, and more pertinent, 
question is: ‘How do you get started in a job like yours?’ 

This is a much more serious question, and deserves a less flippant 
response. What students want to hear is that you go to such-and-such a college, 
do this or that degree, and then apply through a website along the lines of 
freelancegraphicartist.com (or whatever) and a plum job will land on your plate. 
In real life, however, things rarely work out that way. For a start, I didn’t go to 
art college, and therefore feel justified in describing myself as an unqualified 
success. The truth is that like so many people, I fell into what I’m doing by 
accident. This, of course, is the last thing a budding illustrator wants to be told. 

There is another way. Some years ago, one of the students on a course 
I taught got a summer job on the picture desk of a national newspaper. It 
sounded more glamorous than it was: the job mainly involved filing prints in 
the paper’s unwieldy photographic archive. Then, one day, a photograph needed 
scanning for inclusion in the paper. She pointed out that she’d done some 
scanning at college, and was allowed to scan the picture. 

A short while later, a picture she’d scanned needed some color correction. 
As she’d studied Photoshop, she volunteered to make the corrections. Then one 
day a montage had to be done in a hurry - and once again, she volunteered. 
Today, she has a thriving design business, which combines creating illustrations 
in her own very distinctive style with working as a freelance designer on the 
same newspaper. 

This example is just one of the stories of illustrators who have made their 
careers by being in the right place with the right skills. It’s one approach: get 
yourself a job in the right sort of organization, and if you have any talent 
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people will find out about it. You don’t need to be pushy, you just have to 
make sure those around you are aware of what you can do - and take every 
opportunity to show them what you're capable of. 

To make a career as a freelance artist, you need to prove to prospective 
clients that you can meet a brief and a deadline. The best way to do this is to 
show them work you’ve already had published. Art editors are a cautious bunch 
in the main, and will be reluctant to be the first to try out an untested artist. 
With good reason: if you screw up, they'll be left with a hole they’ll have to fill 
at the last minute. But if they’ve seen that other art editors have trusted you 
and used you - particularly if they've come back and used you again - then 
they’ll be that much more inclined to put your talents to the test. 

So if you’re determined to pursue the freelance route, the important 
thing is to get as much work published as you possibly can. Going straight to 
national newspapers or magazines may prove to be a frustrating business, and 
you'll be unlikely to get past the receptionist; so begin with local newspapers 
and magazines, and offer your services free to charities and publications who 
would otherwise use a piece of clip-art. 

It’s also important to evolve your own visual style. While it may be 
tempting to propose that you can work in any style art editors want, the result 
will be that theyll never think of you when they want an illustration done; be 
distinctive, and you'll stick in their minds. 

Not so long ago, freelance artists would have to drag their portfolios 
around the offices of magazines, newspapers and art editors in order to show 
work. Now, of course, the whole thing can be done far more easily by creating 
your own website. Don’t worry too much about Flash content, Javascript 
interactivity and Cascading Style Sheets; the important thing is just to get your 
images there so they can be seen. Even the most hard-pressed art editor should 
be able to find the time to click on a website, assuming you've taken the trouble 
to find out their name and email address first. 
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posing the scen 


we want to tell. As we'll see in the first few examples 
in this chapter, the relative positions of characters can 
completely change the message we're putting across. 


One way of making a montage look more realistic is 
to place our characters so that they interact with their 
background. Films which use a lot of computer-generated 


imagery, such as Jurassic Park, always go to great lengths 
to show their subjects part-hidden by foliage and other 
foreground elements: it's this incorporation within the 
picture that makes them more convincing. 
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Composing the scene 


HE WAY AN IMAGE IS CROPPED can have 
dramatic results in terms of the story 


being told. Here, we're looking at a montage 
in which the mountain, the climber and the 
sky are three separate elements that can 

be rearranged as we choose; but the same 
principles apply to cropping an existing image. 
The fact that this image is composed of three 
layers simply makes it easier for us to arrange 


: With the climber positioned right 

: 1 at the top, we can see how far 

: he's climbed. Our view of the mountain 
: shows the task that he's accomplished 

f to date; but we have no way of telling 

: whether he's just started out, or if he's 
: nearing completion. The rest of the 

: climb may be visible to him, but the 

: viewer is left with no sense of the job 

: that awaits him. 


the elements to tell the climber's story as we 
see it. 

As it stands, the image above left shows 
a mountain climber on a piece of rock. 
Placed bang in the middle of the frame, the 
positioning tells us almost nothing about 
his progress: it's a static picture in which the 
climber is fixed in place, moving neither up nor 
down. The strong diagonal of the mountainside, 


Frwy 
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Moving the climber to the bottom 
has the opposite effect. Now we 
get a good idea of the task in front 
of the climber, as we can see how far 
he still has to go. The presence of all 
that sky, though, positions him some 
distance up the slope. 


When we move the mountain 

down so that the majority of the 
image is taken up with sky, we get 
a much stronger impression of the 
climber nearing the peak. With so 
much sky around him, we can share his 
sense of isolation and solitude. All this 
sky shows us that there isn't another 


By moving the mountain so that 
4 it takes up most of the frame, we 
position it so that our own viewpoint 
interacts with the picture. Where 
before the focus was on the climber, 
now the viewer can get a sense of the 
hardship faced. So much rock face 


person around for miles. 


running from top left to bottom right, divides 
the image neatly in two as it delineates the 
difference between the land and the sky; but 
that neatness also takes away all sense of the 
dramatic. 

Cropping a picture enables the viewer 
to focus on the key image without being 
distracted by extraneous elements. But it also 
allows the picture editor, or the digital artist, 


to tell the story they want to tell rather than 
simply reproducing the scene as it originally 
appeared. 

While the use of photomontage in 
newspapers has attracted much criticism amid 
claims of it distorting the truth, few readers 
complain about the way images are cropped 
- and yet the story is determined as much by 
cropping as by montage. 


highlights the climber's daunting task. 
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: To make the 

: climber appear 
: to climb the 

: mountain, a 

: shadow has 

: been added 
beneath him. 
This shadow was 
: created on a 

: separate layer, 


: and grouped 

: with the 

: mountainside so 
: that it is only 

: visible where 

: it overlaps the 
: mountain; at 

; the same time, 
: it was linked to 
: the climber so 

: that it moved 

: with him as his 
: position was 

: adjusted. 
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Simply moving them closer 
: together so that they overlap 
: helps to establish a link between them. 
: By flipping the girl horizontally, both 
: figures are now angled towards the 
: centre of the image. 


OMBINING TWO PEOPLE in a montage entails more than 
just placing them on the same background. You've got to 


work out the relationship between them, and position them to 


tell the story in the best way. The image above shows, let's say, —: Now the tables have been turned. 
: It's the daughter who is in the 
a father and daughter. They may share the same space but the "dominant position, while the fathei 


reader gets no hint of how they might interact; by varying their £ remains distanced from her: like most 
: parents, he's now concerned that she's 


position we can make their relationship clear. S f 
: moving away from him. 


1 


A simple additional device such 
2 as the hand on her shoulder puts 
the father in a more protective role. 
His body language is one of pride with, 
perhaps, a hint of restraint. 


i 


When we tuck the father behind 

the daughter, we strengthen the 
sense of her supremacy over him. In 
the previous example, she was merely 
moving away; now she's beginning to 
eclipse him. 


Bringing the father to the front 
3 still establishes his protectiveness, 
but now there's a sense that the 
safeguard is needed: he's shielding her 
from the viewer, while she is content to 
take refuge behind him. 


Flipping the father horizontally 
makes him face away from 
his daughter metaphorically. His 
understanding of her is less than in the 
last example, but her pose shows she's 
prepared to turn back to him. 


By moving her towards the back 

we create an emotional as well 
as physical distance between them. 
Flipping her so that her shoulders 
point away from his accentuates the 
disparity: she now resents his control. 


Flipping the daughter alters 
her body language as well: 
the two figures are now opposed, 
their shoulders pointing in different 


: Varying the size 
: of characters 

: within a 

: montage always 
: places the 

; front figure in 

: the dominant 

: position. The 

; problem comes 
: when you want 
: the two to 

: engage each 

: other: in cases 
: such as this, 

: the interactive 
: work has to be 
: done by the 

i rear figure to 

: prevent the one 
: at the front 

: from glancing 

: nervously over 
: his or her 

: shoulder. 


directions as she now turns her back on : 


him absolutely. 
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f/i Composing the scene 


only have eyes 


N THE PREVIOUS PAGE, WE LOOKED at 


how changing body position can make a : 
difference to the apparent relationship between : 
people in a montage. But body language is only : 


one way of explaining a relationship: far more 
subtle - and just as effective - is eye contact. 

The photomontage artist often has to work 
with mugshots of politicians and celebrities, or 
images from a royalty-free collection. Either 
way, you're more or less guaranteed that the 
subjects will be gazing straight at the camera, 
and probably grinning inanely at the same 
time. This may suit the needs of the celebrity's 
publicist, but it's of little help when combining 
two or more people within a scene. 

Here, we've taken a glamorous couple - so 
glamorous that he's just won an Oscar - and 
moved their eyes around from frame to frame. 
Nothing else has been changed, and yet the 


entire expression alters with the position of the : 


eyes. The nine examples here are just a small 
part of the infinite range of expressions that 
can be achieved by simply changing the eyes. 


or you 


: 1 With both characters gazing directly at us, there's no 


contact between them - and we're left with no idea 


: what either of them is thinking. 


: 4 He now looks a little over-protective of his trophy, as 


if someone might be about to snatch it from him: but 


: she's downcast, as if the prize should have been hers. 


He now gazes excitedly into the future - who knows 
: what doors this prize will open? She isn't so much 
: annoyed with him as just plain bored by the whole evening. 


OT o a a 


2 He's looking at her hopefully, and the grin has become 3 His expression hasn't changed, but hers certainly has. No : HOT TIP 


almost a leer. Her reply is ambiguous, but not wholly chance for him tonight: she's fed up with the whole idea : 
negative - she might go along with his plans, she might not. and can't wait to be rid of him. : To change the 
: direction a 
: character's eyes 
: are looking in, 
: you need to 
: create two new 
: layers — one 
: for the eyeball, 
: and one for the 
: pupil: group 
: the pupil with 
: the eyeball, 
: and you can 
: move it around 
: within the 
: eye. For more 
: about working 
Now he's gazing up at his adoring audience - a subtle Now he's really worried, glancing over his shoulder as : with eyes, see 

difference from the previous example. She, however, 6 if he expects to be mugged - and that grin looks more : Chapter 6. 
only has eyes for the trophy. false than ever. Her mind is somewhere else entirely. : 


He stares in wonder at his trophy as if he can't believe 9 Now he's thanking heaven for the prize which has been 


he's really won it. She ponders the situation, wondering awarded him - whereas she is wondering if she just saw : 
if next time the accolade will go to her instead. a mouse scuttle across the floor. : 
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HIS ILLUSTRATION WAS COMMISSIONED 
to accompany an article in the Daily 


Telegraph about how politicians spot themselves : 


in coded form in works of fiction. Only two 
politicians were mentioned directly in the 
article - Deputy Prime Minister John Prescott, 
and former Northern Ireland Secretary Mo 
Mowlam. The idea of using masks came from 
the editor, to show the ‘real’ politicians being 
revealed beneath the thin disguises. 

When compiling an image with several 
elements, it's important to draw the reader's 
eye: this is accomplished using the strong 
diagonal of the masks and faces, reinforced by 


the angles of the fence and buildings. 


: of Prescott and 
: Mowlam. The 

: original bodies 

: were useless, so 
: were deleted. 


“The supplied ©) This body, taken from a royalty- 

l mugshots & free collection, had the right kind 
of dynamic pose - with the benefit of 
one hand being raised, which is perfect 
for holding a mask aloft. Mo Mowlam's 
head has simply been placed on top to 
make sure it would fit. 


: C By placing Prescott's body behind Mowlam's, | got 

: O around the fact that his hand didn't join his arm. 

: Moving Mowlam's eyes creates reader engagement; erasing 
: her left arm made the two bodies fit together better. 


| (CBSE 
: N 


2 Masking Mowlam's neck made the A Because Mowlam's body is so E Prescott's new shirt was pasted 

J head fit the body perfectly. A new “r animated, | wanted a more passive J inside the shirt area on the 
hand was needed to hold the mask - a pose for Prescott to counter it. This original jacket. The hand was slotted 
mock-glamor mask chosen to neatly casual shirt was all wrong, as was the into a section of sleeve made by : 
counterpoint Mowlam's evident lack fact that he didn't have a spare hand; copying an existing sleeve portion. (The : 
of glamor. but these were problems that could be less said about the elbow problem, the : 


sorted out later. 


=y The image of the Houses of Parliament affirms that 

J these figures are politicians. | took this photograph 

ensuring that the railings in the foreground would frame 
whatever | put in front of them. 


better.) 


: Fitting heads 

; onto bodies is 

: more than just 
: a question of 

: finding two 

: images taken 

: from the same 

: angle: you 

: need to match 

: the colors and 

i shading of the 

: two so that they 
: blend together 
: well. To find 

: out more about 
: how to do this, 
: see Chapter 

: 6, Heads and 
|: Bodies. 


€ Q The new sky adds interest to the original overcast image. : 
O Two more 'politicians' have been added on the right; 
placing them behind the railings puts them firmly in the 

scene, as we'll see on the following pages. 
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When the farmer is pasted on junction. To make the scene work more 
: top of the background, he looks convincingly, we need to make the 
: like he doesn't belong there. Well, he farmer become part of the background 
: doesn't - this patch of grass is really rather than simply standing in front of 
; waste ground in the middle of a road it as he does at the moment. 


LACING PEOPLE within a : EE a T: = = SE ——— 
scene is rarely a matter es r 
of sticking them on top 

- because they rarely look like 
they belong there. To make 
the image more convincing, 
the people need to interact 
with the background to some 
degree. The easiest way to do 
this is to take a background 
element and bring it to the 
front: it's often a simple task, 


but it makes all the difference, 
as we'll see with this 


: 4 With the pitchfork now in front and another shadow created beneath 
illustration of an urban farmer : of the fence, which in turn is the farmer; finally, small wisps are 
. : in front of the farmer, he looks fully masked around his feet to make it look 
swamped by his modern-day : integrated into the scene. A shadow of like blades of grass are growing up in 
environment. : the pitchfork is painted on the fence, front of them. 


The fence is made up of straight 
lines, so it's a simple matter to 


select the front half of it using the Pen 


tool, make a new layer and bring it 
to the front. If you really can't get on 


with the Pen tool, use the Lasso instead 
- hold down GB to constrain the 


tool to creating straight lines between 


pairs of click points (see p 6). Now, the 


farmer is far more integrated. 


The background in the original 
5 image is busy, as befits an urban 
road system - but so busy that it's 
distracting attention. So the top half 
of the background was selected and 


blurred using Gaussian Blur, to knock 
it slightly out of focus. To make the 
fence section fit, the left edge of that 
layer was also blurred to blend into the 
background. 


This is a simple trick: | just 
3 selected the bottom half of his 
pitchfork, made a new layer out of it 
using aD and brought it to 
the front. 


: The final step 

: requires that 

: the background 
: be selectively 

: blurred - more 
: at the back, less 
: at the front. Go 
: into QuickMask 
: mode and, using 
: the Gradient 

: tool set to 

: black-white, 

: drag from top 

: to bottom. 

: This creates 

: an area that's 

: 100% selected 
: at the top and 

: 0% selected 

: at the bottom: 
: when you exit 

+ QuickMask and 
: apply the blur, 

: the image will 

: be affected 

: more at the 

: top than at the 
: bottom. 


IMAGE: STOCKBYTE 
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Composing the scene 


ELATIVE SIZE is a 
commodity that you can 
use to your advantage when 
composing montages. In 
this example, the product 
is the star - in this case, 
it's the PDA that needs to 
be the prominent object in the final 
composition. The background figure of the man 
holding the device is there to provide visual 
interest: adding him into the mix prevents 
the final illustration from looking like a mere 
product shot. As is so often the case, it's the 
human element that draws the reader into the 
picture. 


Simply placing the PDA in the man's hand accomplishes 

the task to a degree, but the tiny size of the device 
when included at actual size makes it too insignificant; it's 
barely visible in the mix. 

It might be possible to create this image using just a 
hand, rather than the whole person. But when working with 
cutout objects, which always enliven a layout, it's important 
to ensure that the whole image is shown. Cutting off an arm 
at the wrist, or fading it away to white, is a poor solution: 
cut-off elements destroy the cutout's power, and are always 
a poor compromise. 


epee rare ow 
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By enlarging the PDA to a ludicrously large size (above), 
2 it is brought clearly to the foreground. But we still need 
to show the ‘actual size’ of the machine; it is, after all, a 
pocket-sized device, and simply enlarging it would give the 
reader a false sense of its scale. Adding the hand at the same 
scale reaffirms the size of the PDA as a hand-held object, 
and the figure now looks as if he's holding it out towards 
us. The shadow painted on the PDA makes it appear as if it's 
being held by the hand. 


If this composition were a single photograph, an 
3 accomplished photographer might be able to devise a 
means by which both the foreground object and the man 
in the background were both in focus - although, given 
the extreme difference in the apparent nearness of the two 
elements, it would be a daunting task. 

For the purposes of convincing montage, we can take the 
opposite approach: adding a small degree of Gaussian Blur 
to the background figure (right) accentuates the sense of 
perspective, and forces the reader's attention onto the PDA. 
Blurred images are hard to focus on, by definition; adding a 
degree of blur allows us to direct the reader to the areas of 
the image we want to highlight. 


: 


: The hand used 

: in step 3 here 

: is the same 

i one | used on 

: the daughter's 

: shoulder in the 

: section Relative 

: Values, earlier in 
: this chapter. The 
: hands in original 
: photographs 

: are rarely in the 
: right position 

: for a convincing 
: montage: with a 
: digital camera, 

: it's easy to build 
: up a library of 

; suitable hand 

: poses. 
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An object lesson 


} HEN WORKING 
© with images from 
a range of sources, the trick 
is to make them all look as if 


they belong in the same space. 


This montage, commissioned 
by .net magazine, was to 
accompany an article about 


online auctions - dealing with 


the value of the stuff you 
might find lying around in 
your attic. 

All the elements were 
photographed separately (the 
originals are shown along 
the bottom of this page), and 
needed to be combined in a 
convincing manner. 

Relative sizes are important 
in a montage such as this, 
which needed to look as 


realistic as possible. 


q The perspective on the mug didn't 


f match that of the rest of the 


: artwork. The solution was simple: an 

: elliptical selection was made of the top 
> of the mug, which was then stretched 

: vertically until it looked right. 


y The toy car wasn't included in 
G the original photographs - but a 
three-dimensional object was needed 
to round off the top of the video stack 
and to bring the height closer to that 
of the Action Man. 


anes iS ae 
Minga ve. 
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A Because the illustration was going 
=F right across a double page spread, 
| had to be careful to ensure that 

none of the important elements were 
divided by the gutter (the gap between 
the pages). The blank space above the 
monkey was left for the headline. 


pm The monkey's fur was cut out 

«J using the Background Eraser tool, 
which did a good job of removing all 
the white background while preserving 
the detail. 


~ The soldier was originally facing 
D left to right, as if he was running 
off the spread. But by flipping him 
horizontally he was made to face into 
the illustration rather than out of it, 
drawing the reader's eye back into the 


page. 


*y The records, comics and 

J stickerbook were all photographed 
directly from above. By distorting each 
image using Free Transform, it was 
possible to arrange them so that they 
appeared to be lying on the surface. 


Before the shadows were added, 

the montage looked flat and 
inauthentic. As ever, it's the use of light 
and shade that makes a montage come 
to life. 

Painting shadows directly on the 
objects would have caused problems if 
| needed to move them later. Instead, 
| created a new shadow layer and, for 
each object, loaded the object's outline 
as a selection by clicking on 
the object's name in the Layers palette, 
and then removed the outline of any 
objects on top of it by 
clicking on their names. That way, all 
the shadows could be created on a 
single, editable layer. 


‘(cast 
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E ~ REATING A THREE-DIMENSIONAL 


1 


“Ss scene from scratch means paying close 


attention to perspective; often, it involves 


working from given objects and making the rest : 


of the scene match that perspective. 

This illustration for the Independent on 
Sunday was for an article about backbiting 
gossip in the parliamentary tea room of the 
House of Commons. The trouble was, the 
newspaper held no photographs of the tea 
room; but eye-witness reports described the 
wood paneling, the type of wallpaper and the 
green leather color scheme. 


The photographs of the chairs came from the 


Hemera photo library, which frequently includes : 


shots of the same object from several different 


angles. These provided the base perspective; the : 


walls, floor and other elements were drawn to 
match it. 


CA. A 


TLP 


æ Three photographs of chairs provide the perspective 
: L view | want (the chair on the left has been duplicated 
: and distorted slightly). It's now just a matter of arranging the 
; chairs so that they look convincing in their position. 


: A The wood panels are duplicated, flipped horizontally and 


F darkened slightly - these will be beneath the window, 


: so will have less light on them. We've now built the corner of 
: our room, and the remaining elements can be added. 


: 7 Populating the scene is simply a matter of sticking the 


# relevant politicians’ heads onto bodies that could sit 


: and stand in the correct way. The seated figures have been 
: masked where they overlap the chairs, so it looks as if they're 
: sitting in them. 


æ A scan of a piece of wood is shaded to give the 

4 impression of paneling, and then duplicated to make 
a row of wooden panels. It looks wholly artificial seen in 
isolation, but makes more sense when included in the main 
scene. 


fr A scan of a small section of wallpaper is duplicated, 

J colored to match the green/gold color scheme and 
distorted to fit the perspective set by the panels. The carpet 
is drawn by filling a green rectangle with Gaussian Noise; the 
skirting, dado and picture rails are shaded wooden strips. 


The props - the glasses, teacups, table and monitor 

\ showing the debating chamber - help to make sense 
of the scene as a whole. The monitor also gives John Major, 
seen on his phone at the back, a reason for turning his head 
to the side. 


a The row of paneling is placed behind all the chairs, and 
J distorted using Free Transform to follow the perspective 


of the backs of the chairs. Since two chairs were placed right ; 


against the wall, it's fairly easy to match their perspective 
with some accuracy, 


= The door and window have been distorted, again using 
O Free Transform, to match the set perspective. The 
view outside the window is a photograph of the House of 
Commons itself - fortunately the building is built around a 
courtyard, which makes sense of the view! 


» The final task is to add shadows to make the objects sit 
«J more comfortably in the space. A shadow layer is placed 
above the floor, walls and paneling to add general shading; 
additional shadow layers grouped with the chairs help to 
make the politicians sit down. 


: This kind of 

: perspective 

: distortion 

; requires the 

: verticals to 

: remain truly 

: vertical. To 

: do this, hold 

: as you 

: drag a corner 

: handle to distort 
: just that handle, 
: adding to 

: constrain the 

: movement to 

: just the vertical. 
: For more on 

: perspective 

: distortion, see 

: Chapter 10, The 

: Third Dimension. 
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LACING PEOPLE IN CARS SHOULD BE A 
relatively straightforward task. But cars 


always have windscreens, which reflect light 
and muddy the issue. To make the job work 
effectively takes some care, involving several 
steps which are outlined here. 


Daily Telegraph newspaper about the draconian 
contracts car hire companies impose on their 
customers. The idea of the contract as a bumpy 
road, causing damage to the car, was easy 

to come up with; the execution was slightly 
harder. The road itself was drawn using the 3D 
Extrude functionality of Adobe Illustrator CS, 
which was able to map the dummy text onto 

a bumpy surface made from extruding a wavy 
line. It's the kind of job that would have been 
much harder without Illustrator; and if I'd been 
asked to do it two weeks earlier | wouldn't have 
had the latest version. Roll on upgrades! 


1 Our original photograph of this car was shot in an 
ordinary street, some of which can still be glimpsed 


: through the windows. The first job was to cut out the 
: background, leaving just the car. (The number plate has, of 
: course, been changed to protect the car's owner.) 


4. Now for the driver. Let's have him talking on his 


cellphone, for the simple reason that it's illegal. Choose 


: a photograph that suits the perspective of the car, and 


The illustration above was for a feature in the : rememoer thatim Englandi we drive onthe leit 


Now for the windscreen. Make sure the car body is at 
the top of the layer stack, and make a selection with 

: the Lasso tool that includes all the window area. Make a new 
: layer, behind the car, and paint the glass with diagonal white 
: strokes using a soft-edged brush set to a low opacity. 


Now we need to remove the windscreen. Shown in 
2 red is the area highlighted: note that we've left the 
windscreen wipers in place, as they belong in front of the 
glass. Tracing around them is fiddly, so I've already done this 
for you on the version that appears on the CD. 


A new steering wheel needs to be drawn in front of the 
driver, and to make it look convincing we'll stick in a 
hand holding it. It's the same hand I've used a dozen times in 

this book, and it can be made to suit most purposes. 


The rear windows also need some treatment. With the 
8 same area selected, make another layer behind all the 
car elements and this time paint with a light gray: these 
windows will appear darker since they reflect some of the 
inside of the car. A shadow beneath the car also helps. 


indscreen to a new layer using 
ctr! 3@B, then erase the windows on the side and 
the back of the car. We also need to darken the car interior, 
since it was photographed through reflecting glass - but 


we're going to add our own glass later. 


At this point, we should add a background to see how 

the final composition will look. Again, it's critical to 
the success of the project to find one that matches the 
perspective of the car. 


Coloring the car is all a matter of selection. The easiest 

way is to make a new layer, grouped with the car, and 
set to either Hard Light or Multiply. Fill this with the color of : 
your choice, and erase those parts that shouldn't be colored, 
such as the lights, bumper and wheels. 


: When you cut 

: the interior of 

: the car from 

: the body, as in 

: steps 2 and 3, 

: you may find 

: a fine white 

: line around the 
; car's interior 

: edge. One 

: solution is to 

; use the Defringe 
: command 

: (Layer menu) 

: to remove it; 

: alternatively, 

: apply a fine 

: stroke to the 

: inside of the car 
: to get rid of it. 
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Digital cameras 


A DIGITAL CAMERA is an essential tool for the Photoshop artist. They’ve gone 
from being interesting toys to must-have tools in the space of a few years, 

and every year or so a new model appears that redefines the field. Having 
reviewed many cameras for MacUser, I’ve found myself frequently having to 
buy the latest model since, after playing with it for a couple of weeks, I’ve been 
unable to send it back. I’m now on my fifth camera, and each one has been a 
significant improvement on the one it replaced. 

There are several issues to consider when buying a camera. Image quality 
is of major importance, and a lot depends on the quality of the lens. Equipment 
from traditional camera manufacturers such as Kodak, Nikon and Canon tends 
to be better than that from the electronics giants, simply because they have 
more experience in making good lenses. 

One factor which determines image quality is the amount of compression 
used to fit the images into the camera’s memory. Images are compressed using 
the JPEG format: the smaller the size the image is squeezed into, the poorer the 
quality. This ‘lossiness’, as it’s known, manifests itself in a certain blockiness 
to the pixels seen in large areas of flat color, and in stray pixels of the wrong 
color, known as artifacts. Better cameras will allow you to choose the level of 
compression as well as the size of the image; some allow you to save images as 
uncompressed TIFF files, which take up a lot of memory (around five times the 
best JPEG quality) but will result in the cleanest image. 

The chief consideration when buying a camera is the size of the images 
it captures, measured in pixels. For comparison, cameras are sold according to 
their image size in millions of pixels, or megapixels for short. A typical mid- 
range camera will deliver images of around 3.3 megapixels, which equates to a 
Photoshop image measuring 2048 x 1536 pixels (proportions are always in the 
ratio of 4:3, matching the aspect ratio of most computer monitors). In practical 
terms, this means that you can use the images up to a size of around 10 x 7.5 
inches if used at 200 dpi, or around 6.8 x 5 inches if used at the best resolution 


ar tna Chant in Photos 


of 300 dpi. Which, in rough terms, means that you can use the image in print 
at around half magazine page size at top quality, or nearly full page size if 
you're not so fussy. The newer mid-range cameras now boast a resolution of 5 
megapixels, with a corresponding increase in the size an image can be printed. 

In general, the digital artist won’t be capturing images to be used at 
anything like this size. I use my camera to photograph the sort of things I don’t 
have on royalty-free CDs: bathroom sinks, telephone boxes, swivel chairs and 
all the other objects which are easy to locate but hard to find pictures of. Most 
importantly, I use my camera to photograph myself: in my montages I’ve been 
the torso of both George W Bush and Al Gore, the body of Prince Philip, and 
the hands of celebrities from Mick Jagger to Albert Einstein. 

Which brings me to my final requirement: an LCD viewing screen that 
can swivel so it faces in the same direction as the lens. This is a feature not 
found on all cameras, probably because it’s a somewhat esoteric requirement: 
but when I’m standing with my arms raised in anger wearing a black bow tie 
while wielding an Oscar, I need to see what’s going on before the timer counts 
down to take the picture. It’s for this reason that I’ve tended to choose cameras 
from the Nikon Coolpix range, which combine the swivel feature with excellent 
image quality. The Coolpix 5000, shown here, is my current camera; retailing at 
around $1000, it has a resolution 
of 5 megapixels and takes top- 
quality pictures. 

One final suggestion: always 
carry your camera with you when 
you go out. You never know when 
you'll stumble across a rare object, 
a good texture or an unusual 


building - or even the back of an 


interesting head. 
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Light is another matter. Whether it's the beam from a 
table lamp or the glow around a candle, or the suggestion 


of sunlight across a scene, visible light can add interest 
and mystery to a montage. It's easier to create than you 
might think, although such elements as the flame of a 
candle can take a little effort to get right. 


We'll also look at how to make a neon sign that looks like 
the real thing, and how to simulate an image on a screen. 


IMAGE: STOCKBYTE 
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Light and shade 


Shadows on the ground 


ROUND SHADOWS are among the easiest types of shadow : 


to create in Photoshop. To make them convincing, you'll 

need to put in a small amount of extra effort: here, we'll look at 
how to graduate the blurring effect so that the shadow appears 
to lie in a true perspective plane as it fades away from the 
viewer, rather than just darkening the background. 

Creating shadows directly from existing objects is always 
easier than trying to paint them to match. They're also more 
convincing, as they correspond precisely to the object or person 


being shadowed. 


Duplicate the figure layer, lock the 
: transparency (using the checkbox 
: on the Layers palette, or the shortcut 
: @) and fill the layer with black - use 
: to fill with the 


: foreground color. 


The shadow needs to be more 


blurred at the back to look 
: convincing. But simply blurring the 
i whole shadow, as shown here, makes it 
: far too indistinct at the front, and the 
: man looks like he's floating. 


Now uncheck the Lock 
Transparency box (or use 
again) and then use Free Transform to 
distort the shadow so that it lies along 

the ground. 


Ltt 


The bottom of the shadow, where 
3 it meets the object, almost 
certainly won't conform to it - so just 
use the Eraser and the Brush tool to 
paint it where it should go. 


The shadow will need some 
4 softening so it doesn't look too 
harsh. Use Gaussian Blur to add a small 
degree of blurring: here, a radius of 2 
pixels has been applied. 


PER 


The solution is to go into 
QuickMask mode (press @) and 
then use the Gradient tool to drag from 
the top of the shadow (not the top 
of the image) to the bottom. This will 
create a graduated selection. 


7. when you exit QuickMask 
Pic @ again), the shadow 
will be fully selected at the top, and 
not selected at the bottom. Apply a 
Gaussian Blur again (8 pixels used here) 
to see the graduated blurring effect. 


To make the shadow fade away, 

make a layer mask for the shadow 
layer and use the Gradient tool once 
again, dragging from top to bottom. 
The higher you start, the more opaque 
the top of the shadow will be. 


: 


: If you're using 
: a layer mask to 
: selectively fade 
: : the shadow, as 


: detailed in the 
: final step here, 
: you could spend 
: hours with 

: the Gradient 

: tool trying to 

: get the fade 

: just right. But 

: there's an easier 
: way: after the 

: first application 
: of the tool, 

: you can use 

: Brightness 

: and Contrast 
on the layer 

: mask to change 
: its balance 

: and opacity 

- and it will 

: work without 

: changing the 


underlying layer. 
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Shadows on the wall 


To create the shadow, duplicate 
: the layer and fill it with black in 
+ the same manner as shown on the 

: previous page. 


HADOWS ON WALLS are also easy to create - but you have : 

to think about the relationship between the figure and the : 
surface the shadow is cast upon. The closer the shadow is to the : 
figure, the closer the figure will appear to be to the wall. 

Under normal lighting conditions, the shadow will be placed 
slightly below the figure to give the impression of natural 
daylight illumination. But raised shadows can have a different 
effect: the immediate impression is to make the figure look more : ‘ 
sinister, as if lit from below (which is why the baddies in horror 
movies often carry candles just below their faces). 

The illustration above was commissioned by the newspaper 
Sunday Business to illustrate how world leaders were shuffling 
money around the globe via the International Monetary Fund. 
Placing the shadows on the wall above them heightened the 
sense of their power, as well as reinforcing the light source - the 


illuminated map around which they're gathered. Of course, a real : 


When the shadow is enlarged, the 
light source looks closer to the 
but it's the overall impression that's more important to the image : figure: when it's raised up, the light 

: source is low down, making the figure 
: look more sinister. 


illuminated table would never cast shadows as crisp as this one, 


than optical accuracy. 


Because the surface is flat, an 

even blur can be applied to 
the whole shadow. Reducing the 
transparency of the layer allows the 
wall to show through behind it. 


With a light source this close, we 

need some shading on the figure 
itself. This shadow is simply painted on 
a new layer, which is grouped with the 
figure layer so it only intersects it. 


Moving the shadow closer to the 

figure positions him closer to 
the wall: here, he's standing with his 
shoulder almost leaning against the 
surface. 


When the background shows the 

ground as well as a wall, we need 
to combine both shadow techniques 
detailed so far: the shadow must run 
along the ground, then up the wall. 


Darkening the wall itself helps 

to make the shadow look real. A 
simple black-to-transparent gradient 
created on a new layer makes the wall 
look more convincing. 


MA m 


Easily done: the shadow is offset, 


then the bottom (where it overlaps : 


the wall) is distorted to join the feet. 
Some extra painting and erasing is 
needed to complete the effect. 


: Create shadows 
: on their own 

: layer, filling 

: them with solid 
: black. Then 

: reduce the 

: transparency of 
: the whole layer 
: until you get 

: the effect you 

: want. This is far 
: more reliable 

: than filling the 
: layer with a low 
: opacity first, 

: as it's easier to 
: change when 

: the illustration 
: is complete. 
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Light and shade 


HIS ILLUSTRATION, 
commissioned by The 


Independent on Sunday 
newspaper, was to accompany 
a story on the lack of funding 
for building new roads. 
Drawing ‘the end of the road’ 
could have resulted in a dull 
image; but by adding a visible 
light source - through setting 
the scene at dusk - we're able 
to bring drama to the image. 


The road image was taken from The end of the road was easily 
1 a stock library shot. Although fragmented by making jagged 
: the original road wound over a hill, | selections with the Lasso tool, and 
: chopped it off short to make it come to deleting. | used a Layer Mask so | could 
: a sudden end. undo it if | needed to. 


; 6 The Stop and No Entry signs were 7 The indentations around the bases 


easier to draw than to source. of poles were made by making 


: Again, a little shading using Dodge and elliptical selections of the road surface 
: Burn makes them look that much more into a new layer, and applying Bevel 
: realistic. and Emboss layer effects. 


The broken road end was given 
depth, and the suggestion of the 
concrete reinforcement, using the 
techniques described in Chapter 11 
- Smashing Things Up. 


Once a suitable sky was found 

(and | tried several), the only 
change to the main image was to 
darken the retaining wall on the sun's 
side, to put it into shadow. 


4": two side walls were originally 

"a ane of pavement, elongated 
and then curved using the Shear filter 
to make them fit the perspective of 
the road. 


Shadows, as ever, are the key to 

making montages look alive. The 
only constraint here was to make sure 
they all pointed towards the sun, the 
obvious light source. 


The poles and barriers came 

from the Hemera Photo-Objects 
collection. After positioning them, 
shading was added to make them look 
less new and less uniform. 


10 The final step was to add a Lens ; 
Flare on top of the sun, to make : 


it burst over the retaining wall. The 
Lens Flare filter is easy to overuse, but 
applied with subtlety it works well. 


y : Lens Flare can 
: be a difficult 

: filter to position 
: accurately. The 
: trick is to make 
: a new layer, 

: filled with black, 
: and apply the 

: filter to that. 

: Set the new 

: layer's mode 

: to Screen, and 

: all the black 

: will disappear, 

: leaving the 

: flare alone. 

: Now you'll be 

: able to position 
: it where you 

: like within the 
: montage. 
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Light and shade 


HROUGHOUT THIS CHAPTER I've 

recommended always creating shadows 
on a separate layer. But there are times when a 
shadow should be part of the layer to which it 
belongs, as in the example shown here. 

It would have been possible to create this 
stack of cards using a separate layer for each 
card, and then simply flattening all the layers 
at the end. But since a pack like this could 
include up to 52 layers (54 if you include 


jokers), we'd be talking about a document that's : 


unnecessarily unwieldy for the effect we're 


trying to create. This way, we can draw an entire : 


pack of cards in a single layer. 

The technique used to get rid of the 
overhanging shadows in steps 9 to 11 is a little 
tricky. Here's how it works: when we go into 
QuickMask mode, the solid cards are shown as 
solid red; the partly transparent shadows are 
a paler pink. Using the Levels control, we can 
work on the mask as if it were a normal layer. 
So we adjust the mask so that the pale pink 
disappears, leaving just the solid red - the fully 
selected area. When we then exit QuickMask, 


our selection will be constrained to just the area : 


that was fully opaque initially, so inversing and 
deleting the rest will get rid of the unwanted 
shadows. 


: with the Marquee 

: tool selected, nudge 
: the selection area 

: down a couple of 

: pixels, set the foreground color to black, and use Fill (Edit 
: menu) to fill behind at an opacity of 50%. 


1 This photograph of a playing card has been distorted 
using Free Transform to make it appear as if it's lying on 


: a horizontal surface. 


; Fill 

: Select the card 

: 4 i i Contents 

: pixels again. Use: (Foreground Color 18) 
: Then use 9E -oE 
: EDO v = 
: feather the selection: | {Mending 


Mode: (Behind "A) 
Opacity:|50 |x 


El Preserve Transparency 


Any number of cards can be stacked up in this way: as 
long as you keep the key held down, you'll keep 


: moving copies. Don't make the offsets too regular! 


r Channel: Quick Mask 


Input Levels: [0 100 
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10 Now we can 'tighten up' that shadow using the 
Levels control. Drag the white arrow slider to the 


: right, and the partly selected (lighter red) area will vanish. 


| a 
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2 The first step is to give some depth to the card. Begin by 3 Now hold and nudge the card up a couple of 
‘loading up’ the pixels in its layer - hold and pixels: then inverse the selection using 
click on the name in the Layers palette. and darken up the edge you've just created. 


3 


This creates a soft shadow beneath the card - but on Now Select All using EDE). Holding down the 
the same layer as the card. Make a duplicate of this key with the Move tool selected, move the card } 
layer to work on, as we'll need the original later. to create a copy on top - and the shadow moves with it. : The nudge keys 
: will behave 
: differently 


: depending on 
which tool is 
currently active. 
If the Move tool 
is selected, as 

in step 3, the 
selected pixels 
within the layer 
will be moved: 

: if another 

: selection tool 


But there's a problem here: if we zoom in, we can see To get rid of the excess shadows, select the card layers: (the Marquee 
that there are shadows beneath the overhang of the by clicking on the layer name, and go into : oreko or 
cards where there's nothing for them to sit on. QuickMask mode by pressing @. : ' 


instance) is 
active, the 
selection area 
will move but 
not the pixels 
themselves. 

You can always 
hold to 
access the Move 
tool temporarily 
: while a selection 
; or painting tool 
: is active. 


1 All we need to do now is to exit QuickMask and 1 The last step is to bring back that original card that ; SHORTCUTS 
inverse the selection, then press Delete: those we duplicated, so we return the shadow beneath the : mmm 
ae $ : BEA MAC } WIN [BOTH 
extraneous shadows will simply disappear. bottom card in the stack. : 
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Concealing the evidence 


WIDE 


BOARDROOM 


STUDIO 
B 


BBC 
STUDIOA ENTERPRISE 


The original board game was redrawn in Adobe 
i Illustrator, substituting appropriate room names for 
; the original drawing room, library, and so on. Redrawing 
: the board also allowed me to condense it so that the whole 
: board fitted into a smaller space. 


f HILE ALL THE ELEMENTS OF A 


W photomontage need to be visible, 


simply arranging the objects within the scene 
is only the first step. To make the image both 
realistic and appealing, it's important to add the : 
element of shadow. : 
This illustration for The Guardian was to 
accompany a story about the candidates for the : 
top job at the British Broadcasting Corporation. : 
The political in-fighting led to the requirement 
for a reproduction of a well-known murder 
solving board game, in which the protagonists 
were represented as suspects in the crime. 


In the original game, the props were murder 


implements - a candlestick, a gun, and so on. : A The shadows cast by the cards and objects were painted 
“F onto a new layer with a soft brush. By using a pressure- 

: sensitive graphics tablet, | was able to achieve the effect of 

these with TV-related paraphernalia. But : smooth shading: I set the opacity of the brush quite low, and 

+ then built up each shadow in the place where it would be 

: cast in real life. 


To make the image more appealing, | replaced 


without the shadows, this illustration would 


have appeared very flat indeed. 


The board was distorted using the Free Transform = The first suspect card was created in multiple layers, 

controls. An edge was drawn in to prevent the board J which were grouped into a layer set: this set was then 
looking too two-dimensional; the wooden table and black duplicated to create each new card, and the resulting cards 
top were added on new layers. were arranged in the foreground in perspective. The TV 


elements are from a royalty-free collection, made shiny using : 
: impossible to 

: move any of 

: the objects 

: afterwards. 

: Always keep 

: shading to 

: a separate 

: layer wherever 

: possible, to keep 
: your options 

: open. 


the techniques described in Chapter 7. Compositionally, the 
image was now complete; but the whole looks very flat and 
unconvincing. 


The far end of the board is visually less important, since fœ The final step was to add ‘mood lighting’, in the form of 
all the main elements are clustered towards the front. bars of shadow that gave the impression of the board 
Using the Gradient tool, again on a new layer, it was easy to being lit through a barred window. Radiating lines were 
draw a simple shadow fading from black to transparent. This drawn as a selection using the Lasso tool, then feathered (a 
shadow was also useful for the newspaper's art editor, as it 20 pixel feather, in this instance) and, on a new layer, filled 
gave him a clear space in which to place the headline. with black. Reducing the opacity of the whole layer allowed 
the detail to remain visible. 


: Painting a 

: shadow directly 

: onto a layer is 

: an irrevocable 

: step. So while 

: it would have 

| : been possible 

: simply to use 

: the Burn tool to 
: paint the object 
: shadows in 

: step 3, it would 


have made it 
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Light and shade 


Visib 


O FAR THIS CHAPTER has dealt with 

shadows cast by far-off light sources. 
When the light itself is in the frame, we 
obviously need to show it. In this workthrough, 
we're straying into the realms of hyper-realism: 
by deliberately over-emphasizing the visible 
light, the montage becomes more appealing 
than if we simply tried to reproduce reality. In 
real life, a light source wouldn't cast a visible 
beam unless the room were full of smoke; but 
then real life is often far duller than fiction. 

Shadows are still important, for two reasons: 

first, because they add life to the image; and 
second, because a dark background will make 
the light itself stand out better. Here, we'll take 
the simple montage shown above and add both 
lighting and shadow to make it into a far more 


entertaining image. 


ight sources 


1 Begin by adding a shadow to the scene. This is simply 
painted on a new layer, using a large soft-edged 


: brush. Setting the brush to a low opacity allows us to paint 
f the shadow on in small stages, being careful to leave an 
: unshaded area where the light will eventually be cast. 


: 4 Now exit QuickMask and, on a new layer, pick a pale 


yellow color (about 20% Yellow should do the trick) and 


: then use the Gradient tool, set to Foreground to Transparent. 
: Drag it from within the shade perpendicular to the shade 
: edge, away from the lamp. 


Next, we need to define the light. This is best drawn 
with the Pen tool, following the contour of the edge of 


the lamp shade and radiating outwards from the light source. 


Turn the path into a selection using 39E GIDE. 
then go into QuickMask to adjust the selected area. 


We now need an extra glow around the bulb itself. With 

the light area still selected, use a soft-edged brush to 
paint a spot of white at the focal point. Don't use a hard- 
edged brush: although bulbs are solid, you can't look at them 
when lit without seeing a haze around them. 


In QuickMask, trace around the edges of the light area 
3 with the Lasso tool, omitting the edge around the shade. i 
Then use Gaussian Blur to soften the edge - here, an 8-pixel 
radius blur was applied. Because the edge by the lamp shade 
was not selected, that part remains crisp and unblurred. 


: 


: By using 

* QuickMask to 

: blur the light 

‘ area, we're able 

: to apply the blur 
: just where we 

: want it. If we'd 

: simply feathered 
: the selection 

: instead, the 

‘ whole area 

: would have been 
! blurred, leaving 

: the light looking 
i disconnected 

: from the shade: 
: this way, we're 

; able to maintain 
: the hard edge 

‘ around the 

! shade itself. 


Now we need to show the light acting upon the table 
6 surface. Using the Elliptical Marquee tool, draw an 
ellipse on the table. Feather the selection (an 8-pixel radius 
was used here), and delete that area from the shadow to 
return the table to its previous brightness. 


(MAC | WIN [BOTH] 
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ANDLES ARE UNIQUE 

light sources in that the 
light they cast is fully visible: 
you can stare straight at a 
candle without hurting your 
eyes. Because they shed so 
little light around them your 
eyes remain accustomed to 
the darkened environment, so 


when you do gaze at a candle's : 


flame, you see a hazy glow 
around it. 
Unlike metal lamp shades, 


candles are translucent objects. : 
The light travels down through : 


the candle and exits through 
the side, as well as radiating 
from the flame. 

It would have been possible 
to begin this workthrough 


with a photograph of a candle. 


But | thought it would be 
more fun (and possibly more 


instructive) to draw our candle : 
: leaving a fairly blank area where the 
` flame would eventually appear. 


from scratch. 


1 I drew this candle by drawing an 
elliptical marquee for the base, 


: then duplicating it to create the top. 

: | flattened the top ellipse to create a 

: sense of perspective: the greater the 

: difference between the two, the nearer 
: the viewer is to the scene. 


6 Before we create the flame, we 
need a background in order to 
: see it. The shadows were added to 


this table and wall with a soft brush, 


To join the two ellipses together, 
2 a rectangular selection was made 
between the half-way lines on each 
ellipse, and simply filled with the same 
color. 


For the shading on the candle 
7 itself, a new layer was created on 
top with its mode set to Multiply. This 
is because | used dark brown rather 
than black to shade it, which matches 
the candle color better. 


The shading on the candle was 
3 added using the Burn tool set 
to Midtones: if it had been set to 
Highlights, it would have created 
a grayish shadow. The Dodge tool 
provided the highlight. 


The flame outline was drawn with 

the Pen tool, then the selection 
was feathered (a 4-pixel radius here) 
and filled with a mid orange hue. 


The dripping wax was drawn as a 
4 path with the Pen tool and then 
filled with yellow, although it would be 
possible to draw it directly with a hard- 
edged brush if you really can't get on 
with Bézier curves. 


: The Plastic Wrap 
: technique used 
: for creating 

i the drips of 

: wax produced 

: a grayish result 
: that looked 

: out of place. 

: By locking 

: the layer's 

: transparency 

: and using a 

: brush set to 

: Color mode, 

: I was able to 

: sample a color 

: from the candle 
: and paint that 

: over the gray to 


With the Lock Transparency box 
9 checked, the white parts of the 
flame were painted on with a soft 
brush. In addition, a tiny blue patch 
was painted at the base of the flame 
for added realism. 


The shading on the drips was : 
5 added using the Plastic Wrap filter: 
- see Chapter 7, Shiny Surfaces, for 
more about this technique. The wick 
was simply drawn with the Brush, set 
to Dissolve to make a ragged outline. 


return it to its 
Finally, a new layer was created : true waxen hue. 
10 behind the flame, and a glow i 
added by painting a spot of yellow 
using a large, soft-edged brush set to a 


low opacity. 
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Shading with Dodge and Burn 


PAINTING ON A SEPARATE LAYER is a good technique when 
adding shadows to walls, floors and many other kinds of 


inanimate objects, but the technique works badly when you're 
working with skintones: black shadows, even applied at a low 
opacity, can easily just turn to gray. 

When working on the image of Mick Jagger above for the 
Sunday Times Magazine, | knew the direction the lighting 
was coming from - and it wouldn't change. If the positions 
of elements in a montage are known, then there's nothing to 
be lost by using the Dodge and Burn tools to add light and 


shade directly onto the image. But Dodge and Burn have three 


affect the image in different ways. 
To be safe, work on a copy of the original layer: that way, if 


things go wrong, you can always get back to where you started. 


This girl has been photographed 
| with even, direct lighting that's 


: perfect for the photomontage artist: it's 
: far better to start with flat lighting and 
> add shading where you want it, than 

: to have to make the whole illustration 

= conform to one original. 


The Dodge tool, set to Midtones, 
: © brightens up the other side of the 
operating modes - Highlights, Midtones and Shadows; they each = Tace Without destroying the original 
: coloring. This is far more convincing for 

> subtle tones, such as skin, than setting 


: the tool's mode to Highlights. 


) Using the Burn tool to darken 
the side of the face, set to 
Highlights, results in a grayish tinge 
that's unappealing and unconvincing: 
it darkens the image, but also has a 
muting effect on the original skintones. 


p= Set to Shadows, both tools have 
J an unfortunate effect on skin. The 
Dodge tool makes the shadows look like 
they've been doused in talcum powder, 
while the Burn tool turns the subject 
into a vision of the red death. Neither 
effect is what we want here. 


The Dodge tool, also set to 

Highlights, has a rather different 
effect: it brightens up the image, but 
leaves a drastic impression on the 
colors. Those soft pinks and browns 


have turned to a vivid jaundiced yellow. 


y The best technique is to use a 

f combination of the two. Using 
a low opacity, use the tools set to 
Midtones first to retain the color; then 
switch to Highlights to paint the deep 
shadows in place. So far, so good; but 
the finished impression is rather over- 
enthusiastic, and needs toning down. 


A A P| 


When set to Midtones, the Burn 
tool no longer loses color as it 


true: the shaded area quickly becomes 


strongly over-saturated as the shading 


is piled on. 


Lower the opacity of the painted- 

on layer, to allow the original to 
show through to some degree (you did 
work on a copy of the original layer, 
didn't you?). You can also use a layer 
mask to selectively hide portions of 
the shaded layer that now appear too 
strong. 


darkens the skin. Rather, the opposite is : To-avoid having 
: to reach for 

: the toolbox to 

> switch between 

: Dodge and 

: Burn, there's a 

: useful keyboard 

: shortcut. When 

: either of the 

: tools is selected, 

: holding down 

: will 

: temporarily 

: select the 

f other tool. I've 

: mentioned this 

: tip elsewhere in 

: this book, and 

: will continue 

: to do so every 

; time the Dodge 

: and Burn tools 

: crop up: it's 

: an essential 

: shortcut. 
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~ HADING USING THE THREE LIGHT MODES 


have a far more cinematic effect than shading 


using the Dodge and Burn tools. But if Dodge 


and Burn are Nosferatu, then Hard Light is more : 


Saturday Night Fever: shadows can take on a 
strong hue of their own. There are, of course, 
more than three light modes, especially in 
Photoshop 7; here are the main ones. 

Rather than painting directly onto the 
layer, create a new layer and set it to Hard 
Light mode. You then have the option of 
filling the layer with 50% gray: this makes a 
good background when applying the shading 
to multiple layers. By filling your selection 
area with 50% gray and then locking the 


transparency, you can be sure that the light you : 


paint will only be applied within the area where : 


you want it. 

If you must paint directly onto the layer, you 
can set the brush mode to Hard Light (or any of 
the other Light modes) to get the same results. 


“4 Be careful to use reasonably muted colors when painting 
| shadows, or the effect will be too bright and unrealistic. 


: This light blue is too bright for use either as shading or as a 


> - Hard Light, Soft Light and Overlay - can : 


light reflection: it merely swamps the image with its color. 


: J Now for the spotlight effect. Too bright a shade would 
: “IF have the unfortunate results shown in step 1 above; 

: a muted brown gives us a color that lets the original skin 

: texture show through, while adding a good amount of extra 
: color to it. 


a% Using a darker blue allows us to paint a shadow that's 
& far more moody and evocative. This is the kind of 
shading that's often seen in films, where day-for-night 
shooting produces shadows that have a strong blue cast to 


them. 


fm Here's the same effect set to Overlay mode instead. This 
I is rather softer: the colors still have their effect on the 
image, but obscure the shading and texture of the original to 


a lesser degree. 


} Switching to a strong pink gives us a good color with 
J which to paint a transition on the face, between the 
shaded and the brightly lit areas. It's the effect produced by 
theatrical lighting, where colored gels are used instead of 
plain white lights to add emphasis to the actors’ faces. 


More muted still is Soft Light mode, which produces an 
\J altogether subtler result. The three modes are variants 
of each other, and can be used in combination on different 
layers to build up the overall lighting effect. 


: If you're using 

: multiple colors 
: when painting 

: with Hard Light, 
: as we are here, 
: it’s easy to apply 
: the wrong color 
: by accident 

: — there's some 

: trial and error 

: involved in 

: choosing shades 
: that work. To 

: prevent the 

È possibility of 

: losing a good 

: effect, you 

: can work on 

: multiple Hard 

: Light layers so 

: that the effect 
:} is produced by 

: the combination 
: of all of them. 
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Light and shade 


SALE 


NOW ON 


EON LETTERING is one of those effects 

you can knock up in a few moments: 
simply create the outlines and add a glow to 
them. But to do it properly takes rather more 
time and patience. 

The simplest way to create the smooth 
outlines for the lettering is to use the Round 
Corners feature in a program such as Illustrator. 
But since we're trying to work entirely in 
Photoshop, the technique described here - that 
of blurring and applying Levels - works just as 
well, and has the advantage that no additional 


software is required. 


ighting up: perfect neon 


SALE 


To begin with, create a new white layer beneath the 
basic lettering, and then merge the two. Then apply a 
: Gaussian Blur until the hard corners are smoothed away. The 
: actual amount will vary with the size and font chosen; I've 
: used a blur radius of 4 pixels. 


Select the pixels in the text layer using the Magic 
: Wand tool and then, on a new layer, create a stroke 
: outline using the Edit/Stroke menu. Don't use Layer Effects 
| to make the stroke, or you won't be able to edit the outlines 
i afterwards. 


: Now's a good time to add a background, with shadows 

: 6 as appropriate. I've also changed the color of the bottom 
: row of text for the sake of interest, using Hue/Saturation. 

: The next step is to make the outline look like tubing: this is 

: achieved by darkening it with the Burn tool (set to Midtones) 
: at the points where it's been strongly bent. 


otoshop 


Channel:/ RGB 
Input Levels:|121 |[1.00 ||140 | 


ass | 
RA W Ag Output Levels: [o [255 | | 
LS 
= =) Preview 


Now we can apply the Levels control to tighten up that gray triangle, is dragged to the left the outlines will thicken 
blur. Open Levels and drag the small white and the small up; dragged to the right, they'll thin out. Note that this 


black triangles towards the center, and all the blurred area effect only works when the text has been merged into a 
will turn to either pure white or pure black (see the screen white layer: if the text had simply been blurred on its own, 
grab, shown above right). If the whole group, including the the Levels control would have had no effect. 


3 HOT TIP 
h fh The technique 
: used here to 
: soften the edges 
: of lettering is 


: Kai Krause, 
: before he went 
Now hide the original text layer, and erase portions To create the inner glow, select the layer's pixels by : on to create 
4 of the stroke to simulate the way neon lettering is holding and clicking on the name in the Layers : the Kai's Power 
constructed in the real world. Since all the lettering is made palette. Use Edit/Select/Contract to reduce the selection : Tools range of 
from a single bent glass tube, it needs to break within each size by, say, 3 pixels; then apply a 3-pixel Gaussian Blur to : plug-ins. He 
letter where it turns to join the next letter. it. Now turn on the Lock Transparency checkbox, and fill the : invented it as a 
selected area with white. : way of cleaning 
: up ragged 


: artwork, such as 
: faxed logos; but 
: it's also perfect 
: for rounding 

: off text, and 

: can even be 

: used to apply 

: rounded corners 
: to a hard-edged 
: outline. 


The glow is created on a new layer, behind the tubing 8 The last step is to add the details. The wires are drawn 


layer. First load up the pixels as outlined in step 5, then on a new layer, shaded and shadowed using the 


hold as you enclose it with the Marquee technique shown in Chapter 10. One clip, which holds the 


tool to limit the selection to just the top word. Feather the lettering to the wall, was created on a separate layer; this : 
selection (8 pixels used here), and fill with the same color as clip was then copied around each letter in turn, rotated as : Sos 
ol : j : vc] wn [oor 


the tubing; then repeat with the bottom line of text. appropriate so it appeared to grip the neon tubing. E e a 
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LACING IMAGES ON TV 
or computer screens 


is no difficult matter: in the 


example above, the screen was : 


curved slightly using the Shear : 


filter and then distorted to fit 
the shape of the monitor. 
When there's already an 
image on the screen, as in 
the Palm example on these 
pages, the problem becomes 
altogether trickier. Because 
we want to retain the screen 
furniture - the title bar and 
the scroll bar down the right 
hand side - we need to match 
the shading of the existing 
screen as much as possible. 
Here's how it's done. 


1 This Palm Pilot is our starting point 
for the montage. The problem is 


: that it was photographed with a screen 
: full of icons: if we're to show just the 

: text we want to display, we'll need to 
redraw the screen. 


To make the new screen blend 


with the old one, add a little 


: Gaussian Noise: here, just 1% noise 

: makes the difference between a screen 
: that looks artificial and one that blends 
: with the PDA. I've also used the Dodge 

: tool, set to Midtones at a low opacity, 

: to blend the top in more effectively. (If 
: this tool is set to Highlights, you'll end 

: up changing the colors of the screen as 
: well as the shading.) 


The first step is to outline the 
2 screen using the Pen tool or, if 
you have a steady hand, the Lasso 
tool (hold as you go to make 
straight lines between click points). 
Make a new layer, and fill with a color 
sampled from the screen - in this case, 
I've used a color from the bottom right. 


MEMO 


Remember to take 


Palm on holiday 


Now for our text. Type the text 
7 very small, with anti-aliasing 
turned off so that the result is the kind 
of jagged edges we associate with 
low resolution screens. The text here 
has been enlarged to show the effect. 
The smaller the text sized used, the 
stronger the jagged effect will be. 


A i POLES 


: 


3 Now switch to the Gradient tool, 4. Getting there - but the shading 5 Now for some fine-tuning. Using 
set to Foreground to Transparent. on the screen still doesn’t quite a large, soft brush set to a low : 
Sample a color from the top right match that of the original. Sample a Opacity, sample some colors from the : Aao trick for 
of the screen and drag that towards shade from the left of the screen (you perimeter where the match is incorrect : g Blue 
: : i 2 : making images 

the center (making sure Preserve may need to hide the new layer first), and dab the new colors in place. : 

‘ : i : on TV screens 
Transparency is checked). and use the Gradient tool once again to 


: more convincing 
: is to add a 

: pattern of fine 

: horizontal white 
: lines over the 

: top, distorted 

: to match the 

: perspective of 

: the monitor and 
: reduced to a 

: very low opacity. 
: This reproduces 
: the effect of old 
: black-and-white 
: televisions: even 
: though color 

: TVs don't use 

: the line system 

: in the same way, 
; it's a visual code 


drag this color in from the left. 


Now rasterize the text (choose Nearly there. The black text As a final step, we can : that signals to 
Rasterize Type from the Layer looked artificially strong; the 10 reproduce the effect of the : the reader that 
menu) so that it can be distorted freely. trick is to sample a ‘black’ area of the thickness of the glass. Duplicate the : the image is on 
Use Free Transform ( EED original screen (such as the menu text layer, send it behind the original > a screen. 
EDGED) to enlarge the text, and block top left) and fill the text with and lower its opacity to 20% for a faint : 
distort it by holding as you this color. Remember to check the Lock shadow. : 
drag each corner to make it match the Transparency box on the Layers palette 
perspective of the original screen. first, or you'll end up flooding the 


whole window with the new color. 
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Sourcing images 


DIGITAL CAMERAS have provided Photoshop artists with the single most 
useful tool since Photoshop itself. They’re now of a quality that makes them an 
essential accessory, and are available at a price that puts them within reach of 
almost everyone. The ability to capture an object and get it into Photoshop in 
seconds is unparalleled. 

But there are some objects that aren’t readily available to be 
photographed. Such items as space shuttles, polar bears and plates of roast 
turkey are notoriously hard to lay your hands on in a hurry. Fortunately, there’s 
a solution: there’s a huge amount of readily available imagery out there in the 
form of royalty-free photographic collections. 

The images tend to be available in two ways: either as single images 
downloaded directly from websites, which will cost around $120 an image 
(but will be available immediately), or on collections of between 100 and 200 
images on CD-ROM, costing an average of $400. The latter route obviously 
offers better value for money, but you have to plan your purchase well in 
advance of your 5pm deadline. 

The quality of royalty-free images is almost uniformly high, but the 
type of material on offer is generally more suited to the designer than to the 
photomontage artist. You’ll find dozens of CDs of stressed businessmen in high- 
tech offices, glamorous couples on tropical beaches and maps of the world cast 
in gleaming chrome - but these are all finished artwork, offering little scope for 
customizing. There are far fewer collections of cutout people and objects that 
can be used to form the basis of an original photomontage. 

Among the best sets of images on CD are those from Stockbyte and 
PhotoDisc. The PhotoDisc images tend to feature glossy models who look like 
they’ve just walked out of a hairspray commercial, with the exception of one or 
two discs - their In Character CD, for example, is a collection of 100 people in 
a variety of costumes from medieval wizards to lion tamers. It’s a CD I’ve used 
dozens of times, and it’s saved me from having to clutter up my wardrobe with 
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leopardskin thongs, deerstalkers and clown costumes. While it’s easy enough to 
wear a suit and stand in front of a camera, exotic costumes are harder to find. 

Stockbyte, on the other hand, produce a range of a dozen CDs in their 
Busy People series that feature everyday people in a huge variety of poses. The 
people here are often old, ugly and badly dressed - in other words, just the 
sort of people you see on the streets. I’ve used images from the Busy People 
collection throughout this book. Two other CD-ROMs worth mentioning are 
Faces 2 from Rubber Ball, which contains 100 images of everyday people, 
and Bodyshots from Digital Wisdom, which includes over 300 images of 
businessmen and women in a variety of poses. This collection is one of the few 
to include a large number of people photographed from the side - although the 
lack of clipping paths (it’s a very old collection) makes it harder to use. 

Finding images of rare or even everyday objects used to be one of the 
hardest tasks of all. Stockbyte and PhotoDisc both produce CDs of office 
equipment, household items and more; but the range of possible objects is vast, 
and 100 images per CD can barely hope to supply everything we need. Canadian 
publisher Hemera publishes three sets of images in the Hemera Photo-Objects 
50,000 collections. The lightning-fast visual search engine produces results even 
before you’ve finished typing the name of the object you're looking for, and it’s 
a fair bet that almost any object you need will be found among the hundred 
thousand on offer. Even more astonishingly, each 50,000 strong volume is 
available for under $100. There is a downside: the images are of uniformly low 
resolution, supplied up to a maximum of 1200 x 1200 pixels. But when used as 
small elements in a larger montage, there’s no better starter kit. 

Hemera has also launched AbleStock (www.ablestock.com), an excellent 
subscription-based website offering an enormous range of high resolution, 
cutout objects and people allowing unlimited downloads for an annual fee. 
You'll find a selection of both AbleStock and Photo-Objects images on the CD 
that accompanies this book. 
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Chapter 4, is crucial to making characters relate to one 
another. So here's a technique for changing the direction 
your subject is looking in. 


Hair has always been a problem in montage creation. We 


can't always work with Telly Savalas or Yul Brynner; those 


flyaway strands always seem to get in the way. In this 
chapter we'll look at how to ease the pain of cutting hair 
from its background. 


IMAGES: BODYSHOTS 
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m 
PUBLICITY PHOTOGRAPHS of celebrities 


= and politicians tend to be either highly 
staged or snatched papparazzi images. Taking 
the head from one body and placing it on 
another, as in the illustration of Tony Blair 
above for The Guardian newspaper, is an 
essential skill. 

When the body you want to use already has 
a suit and tie, it's a relatively easy job to graft 
the new head in place - all you need to to do is 
make sure the head matches any exposed skin 
on the original body. Overleaf, we'll see how to 
work with more difficult bodies, such as those 


which aren't wearing clothes. 


ø Begin by cutting out the head, using the Pen tool to 
| create a clean Bézier path. To make the montage work, 


: it's important to make it the same size and orientation as the 
: head on the target body: it helps to place the two side by 
: side, so the new head can be adjusted to fit. 


Next, we need to make a layer mask for the new head. 


: A 

: 4 Using a small, soft-edged brush, paint out a smooth line 
: beneath the chin so that the head and neck blend seamlessly 
: together. For more on layer masks, see Chapter 2, Hiding and 
: Showing. 


The next step is to match the skintones of the body 

we're pasting this head onto. There are several ways of 
changing colors - you can use Curves, Color Balance, Levels, 
and so on. Here, we'll use the Hue/Saturation dialog to make 
the adjustments we need. 


Hue/Saturation 


Edit: Master x ò 


` 


__ Cancel 
Load...) 
Save... 

M] Colorize 

| M Preview 


Hue: id | 
3 tr 
Saturation: [+10 | 
hey 
Lightness: [+5 | 
- Â) : 
OO 


Because all fair skins fall within a similar tonal range, 
3 only small color adjustments need to be made. Beware 
of making too large a Lightness change, or the image will 
quickly start to look washed-out: use Curves instead if you 
have to change brightness by a significant amount. 


A soft-edged brush is perfect for blending skintones 

together, but in the last step the side of the new man's 
chin above his hand disappears into the neck. To bring it 
back, switch to a hard brush and use white to paint the mask 
back in at that point, giving his chin a hard edge. 


Now we need to hide those parts of the original head 

that showed through behind the new one. Using a layer 
mask is the best way to achieve this, as we can always paint 
back areas we want to keep later. If you feel confident, you 
can always simply delete the head instead. 


When matching 
bodies to heads, 
try to choose 
combinations 
that have been 
photographed 
from as similar 
an angle as 
possible. While 
you can place 
just about 

any head on 


‘ just about 


any body, the 
more extreme 
differences of 
view will make 
the montage 
less plausible. 
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IMAGES: US DEPARTMENT OF DEFENSE, DIGITAL VISION 
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Heads and bodies 


HEN THERE'S NO 
SUIT to hide behind, : 
matching skintones means : 
making the lighting match 
as well. With no collar to 
tuck the neck into, it's more 
important than ever to make : 
sure the colors and tones blend : 
together seamlessly. Here, we'll 
give George W Bush a shiny 
new body. 


The somewhat startled look on this bodybuilder’s head may imply some 
prescience that he's about to be decapitated. But we can't let ethical 


f considerations get in the way of a good montage: out with the muscleman, in with 
: the politician. 


Bush's neck is blended into the body using a layer mask once again. Take care 
to remove enough of the neck so that no join is visible: remember that when 


: using a brush in the layer mask, you can use the key to switch foreground and 
: background colors, and so paint back areas you've painted out. 


: 5 Because the original image was lit directly from the front, with no side 


shading visible, it's easier to remove the shadow on Bush's head than to try to 


: add shadows to the complex musculature of the body. But using the Dodge tool set 
: to Highlights produces this garish, over-saturated effect. 


FLA 
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Once again, we begin by matching the size of the new head to that of the 
old. This time, however, we want to make Bush's head slightly larger than the 
original, so he doesn't end up looking too much like a pinhead. 


— Channel: RCB 


Input: [ 120 | 
Output: [ 134 | 


The color of Bush's face matches that of the body pretty well: all we really 
4 need to do is to brighten it up slightly. Open the Curves dialog, click a point 
midway along the diagonal line, and drag it vertically upward by a small amount to 
make the change. 


, 


: If you delete 

: the head from 

: the body before 

; adding the new 
Edit Brush... head, be sure 

: to leave enough 


: neck to graft 
Shadows -| the new head 


= = | : only delete from 
Highlights | : the mouth line 
Í : upwards. 


Instead, change the mode of the Dodge tool to Midtones by holding 


right click and selecting Midtones from the pop-up menu. Stick to a low : SHORTCUTS 
opacity and paint slowly - you can set the opacity by pressing the number keys, : RS. Gan 


using 1 for 10%, 4 for 40% and so on, up to O for 100%. 
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IMAGE: US DEPARTMENT OF DEFENSE 
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Matching picture graininess 


: 4 The original photograph of Bill 

: L Clinton clearly shows the grain in 
: the image. We need to match that to 
: make the montage work successfully. 


W PRESIDENT 
replaces another, why go to 
all the trouble of getting the 
photographers in for a special 
photo session? Photoshop, 
after all, can do the job just as 
well in far less time. 

This body may suit George 
W Bush, but there are other 
concerns here. The original 


picture was very grainy, and 


F Typ 


atthe 
+ O 


when we zoom in we can 
see that grain more clearly. 
As I'll grudgingly admit, I've 


enhanced the grain using 

Unsharp Mask to show the : G We're lucky here in that there's a 
: \ large, flat area of the image that 

: we can use to sample the grain: it's 

: the expanse of gray around the seal 

> on the front of the podium. Make a 


: rectangular selection into a new layer. 


problem better - but you don't 
always expect the truth when 


politicians are involved. 


9) Once again, Bush's head is scaled 
& to the right size to fit this body. 
His expression is perfect for the new 


pose. 


=y The piece of grain was still too 

Å small - but we can't stretch it, 

or the grain will be the wrong size. 

Tile it by duplicating the selection and 
flipping it horizontally, then duplicating 


the result and flipping it vertically. 


4 Bush's head is corrected for color 
J using the Curves dialog, and a 
layer mask is used to blend the two 
images. We still need to get rid of the 
remnants of the previous president. 


g Hide Bush and make a new layer 
“F to paint the patch into. Set the 
Clone tool to sample All Layers, and 
clone out the parts of Clinton that were 
visible behind Bush's head. 


After grouping the new grain with 
4J Bush's head, knock all the color 
out using the Desaturate command 

. Then brighten it up 
using Curves so that the overall shade 
is roughly 50% black. 


When the mode of this layer is set 
aJ to Hard Light (chosen from the 
pop-up menu at the top of the Layers 
palette), we can see through it to the 
head beneath: the midtones vanish, 
leaving just shadows and highlights. 


cK With Bush firmly in place, the 
glaring discrepancies between the 


grainy original and the sharp portrait ; You won't 
are even more obvious. Time to fix that i always be lucky 
grain. : enough to find 


: a flat section 

: of the image 

: from which to 

: copy the grain. 
: In cases where 

; there's no 

: suitable region 
: available, make 
: a new layer and 
: fill it with 50% 
| : gray, then apply 
j 3 the Noise filter; 
: the layer can 

: then be scaled 

: until the grain 

: matches that 

: of the original 

: image. 


| J strong, it needs to be toned 
down by reducing the opacity of the 
layer. The amount you choose depends 
on the individual image: here, I've 
reduced it to 50% opacity. 


| | l “OMPLEX MONTAGES FREQUENTLY 

LS require several bodies to be combined 

to produce the finished character. The brief 

for this illustration, for the Sunday Telegraph 
newspaper, was to show a wheeler-dealer 
displaying his financial wares in an open jacket. 
Choosing a right hand that gestured towards 
the goods on offer gave me something to do 
with his right hand - and made his pose more 


dynamic. Below are all the bodies used. 


IMAGES: ABLE STOCK, STOCKBYTE 


This gesticulating figure Here's the shirt and tie A strong perspective shot, All we want from this 
will give us the right hand, - but this man's head is but his head will make our exuberant figure is the 
arm and jacket. far too dull. figure more dynamic. open jacket on the right. 
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1 The arm and jacket were cut off the first figure and 


yy The open jacket was copied from the third figure, and 


rotated to fit onto the man with the shirt. Because the £a distorted and stretched to make it fall open even more. 
color of the two skintones was so different, it was necessary The lining was duplicated using the Clone tool to fill the 
to make the hand darker and more saturated - but without space: the result was imperfect and rather patchy, but it 
changing the jacket color, which matched the ‘other half’ of wouldn't matter as most of the texture would end up being 


the open jacket. 


covered by the symbols. 


a The shirt on the second figure was painted out on a A As always, it's the shading that makes all the difference. 
J layer mask to remove the stray section of arm on the =F Shadows, painted on a new layer above the shirt layer 
left, and the head. The arm was made to slot into the sleeve help to make it sit beneath the closed side of the jacket; 
hole by painting it out on the mask, which turned out to be further shadows make the arm disappear inside the sleeve. 


a rather easier job than I'd expected. Sometimes things do 


The hand holding the open jacket is my standard gripping 


just work out right first time! The head was simply placed on hand, which you've seen before in this book. The company 
top and blended with a layer mask, and then desaturated to logos were placed on gold-effect backgrounds behind the 


match the hand. 


shirt shadow, so the shadow worked on them as well. 


: The hardest part 
: about choosing 
: pieces from 

: multiple bodies 
: is not matching 
: the skintones, 

: but the clothing. 
: [had a perfect 
: open jacket 

; which would 

: have been far 

: easier to use, 

: but it had a 

: herringbone 

: pattern on it 

: that | couldn't 
: match. Plain 

: colors, with as 
: little texture 

: as possible, can 
: be most easily 
: combined. By 

: cropping the 

: figure at the 

: waist, | could 

: get round the 

: problem of the 
: non-matching 
: trousers (sorry, 
: | can't bring 

: myself to call 

: them pants). 
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IMAGE: STOCKBYTE 


126 


ati J vi 


UTTING OUT HAIR has 

always been a tricky 
task for the Photoshop user. 
Several third-party plug-ins, 
such as Extensis Mask Pro 
and Corel Knockout, have 
attempted to make the job 
easier; Knockout comes closer 
than most, although it still 
isn't an easy tool to use. 

The introduction of the 
Background Eraser tool in 
Photoshop made the complex 
removal of backgrounds easier 
than it had ever been before. 
It's a tool that works best with 
hair and other loose objects 
photographed against a plain, 
preferably white background; 
even then, it can be a fiddly 


activity, and its success 


depends in large part upon the : 


kind of background the image 


will eventually have. Users who : 


find the prospect daunting 


should skip to the next section, : 


where l'Il explain how to cheat 
with hair. 


pr 
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-The perfect haircut 


1 This stock image has been 
photographed against a plain, 


> near-white background. It's the ideal 
: candidate for cutting the hair using the 
: Background Eraser tool. 


| Start working your way around the 
head. The crosshairs in the center 


: of the tool pick up the color that will 
: be erased; everything within the circle 
: radius is removed. 


9 With all the background erased, 
you'll probably be left with a 


; figure whose hair has a definite 
: bright tinge to it. It was, after all, 
: photographed against white. 


First cut out the image loosely, 
leaving a margin around the hair. | 


find it useful to make a new layer filled 


with a solid color, so you can see more 
clearly what's being erased. 


Sometimes, the tool will erase 
5 areas you wanted to keep - such 
as the highlights within the shoulder 
at the right of this figure. That's where 
Protect Foreground Color comes in. 


1 O If you're going to end up 
with your figure on a light 
or complex background, this may be 


sufficient: you won't notice that the 
edges are brighter than the middle. 


if. 


Brush size: Don't Limits: Set to 
use too large a 
brush, or you'll 
erase white areas 
such as the eyes 


by hair. 
and teeth. : 


an or i 


Discontiguous to 
erase background 
areas surrounded 


-e pr 
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Protect 
Foreground 
Color: Use this 
to sample skin 


Tolerance: Set 
too low, the brush 
won't erase the 
background; too 


high and you'll tones as you work 
lose too much around the head. 


hair. 


Sampling: Stick 
to Once when 
working with a 
plain background, 
Continuous if the 
background is 
varied. 


#) Access the Background Eraser 
J tool by choosing it from the 
pop-up menu that appears when you 
hold the mouse button down on the 
Eraser tool in the toolbar. There are 


G Hold down ) and click on 
oO the shoulder color: it will become 


the foreground color, and will not be 
erased. You'll need to keep resampling 
as you work round the head. 


1 1 If your background is dark, 
however, the bright hair fringe 
will look awkward and out of place. 
There are two ways of solving this, 
depending on your patience. 


several parameters that need to be 
considered. We'll use the Discontiguous 
setting, which allows the tool to erase 
background areas that are totally 
enclosed by other colors; and we'll 


7 Sometimes, even protecting a 

# foreground color can't stop some 
bright areas from being erased - such 
as the highlights around the eyebrow 
seen here. 


Ay > The easiest way is simply to use 
l L the Burn tool set to Highlights, 

and darken the edges of the hair. With 

luck, no-one will notice that it doesn't 


really look like hair. 


set the sampling to Once, since the 
background is a single flat color. The 
Tolerance depends on the contrast 
between the hair and the background: 
experiment to get the best setting. 


GESE) 
_ History \ ic 
= El New Layer o 


7 Background Eraser 


> | Background Eraser 


>] Background Eraser 


£7 Background Eraser 


> | Background Eraser 


© The solution is to use the History 
8 palette. Choose the History brush, 
and click next to the step immediately 
before: you can now paint the erased 

areas back in again. 


12 To do the job properly, use the 
| J Clone tool. Check the Lock 


Transparency box and work your way 
around, cloning hair texture from 
within the hair to cover the edges. 


: Using the Clone 
: tool to copy 

> hair texture 

: from one area 

: to another is 

: a fiddly job, 

: because you 

: need to make 

: sure the strands 
: of hair you're 

: copying from 

: lie in the same 
: orientation as 

: those you're 

: copying to. For 
: some tasks, it 

: may be simpler 
: to copy locks of 
: hair to a new 

: layer, group 

: them with the 

: base layer and 

i twist them to 

: make the hair 

: fall the right 

: way. 


IMAGE: STOCKBYTE 
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e solution for flyaway hair 


: Start by creating a smooth cutout of the hair, being 

: 1 careful not to include any of the background. If you use 
: images from royalty-free libraries or CD collections, you'll 

: find that in most cases the clipping path will cut just inside 
: the hair edge, making them perfect for this technique. 


HIS COVER FOR THE SUNDAY TIMES 


magazine was a surprisingly complex 


montage - the owl and background were two 

separate layers, and no less than four images : 
were comped together to make Harry Potter. His : 
original hair was cut out using the techniques : 
shown on the previous pages; but to make it : 
more windswept, | added stray strands using the : 
Smudge tool, as shown here. : 


The Smudge tool is by far the quickest way 
of creating a soft hair effect. On the following 


: So far, so good: but the hair strands all have the same 
pages, we'll look at an even faster way of : length. For a more natural feel, increase the opacity 

: of the brush and pull out one or two hairs at random to a 
: greater length. It really helps to use a pressure-sensitive 
of hair smudging. : graphics tablet for this job! 


applying this tool: here, though, are the basics 


“la m 
a C 


urnu 


© pen 


Use the Smudge tool, set to a small brush size, with 
2 an opacity of around 70%. Begin at the crown and 
work down one side of the head, smudging from the hair 
outwards, tweaking out individual strands as you go. 


Now go back to the crown and work the other way, 
making sure you follow the direction of the hair as you 


crown, where there's a transition between the hair growing 
in different directions. 


Master Diameter 


f Use Sample Size * 


When viewed against a white background, hair treated 
in this way will always tend to look a little fabricated. 
But when placed against any texture or image, it will blend 
in perfectly: the translucence of the hair strands will pick up 
any background it's positioned on. 


Tweaking out strands one hair at a time can take 

forever, particularly when working with fuzzy hair or 
animals. A good alternative is to use a small Spatter brush, 
which comes as a default in the Photoshop brush set. With 
this brush tip, you can brush several strands at a time. 


5 


brush. It helps to have a few hairs sticking straight out of the : 
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: Work slowly, 

: starting from 

: the top and 

: progressing 

: down both 

: sides of the 

: figure. If you 

> work upwards, 

: you'll find your 
: Smudge strokes 
: will distort hairs 
: you've already 

: drawn, resulting 
: in unnatural 

: kinks and whirls. 
; If the hair you 

: draw looks too 

: wild, it's easy 

: to smooth the 

: edges by erasing 
: them with a 

: soft-edged 

> eraser. 


SHORTCUTS 


[ MAC | WIN [BOTH 
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AVID DUCHOVNY growing older, in 
stages: the image above, for Focus 


magazine, was always intended to be more 
cartoony than realistic. 

We'll look at how to achieve an ageing effect 
in a more authentic and plausible manner on 
the following pages. For now, though, let's just 
see how easy it is to turn a full head of hair 
into a shining bald pate, using our customary 
model. When you're ready, Mr President - and | 
promise this will be the last time | use George W 
Bush in this chapter. 


1 Begin by making an elliptical 
selection from whatever forehead 


: is visible. Make the selection as large 
: as you can without going into the hair 
: line, then turn it into a new layer using 


DO and place it roughly in 


: position. 


: 5 Next, we can turn that smoothed- 


out hair into more realistic strands 


: using the Smudge tool, as described on 
: the previous pages. The difference here 
: is that rather than smudging the hair 

: itself, we're smudging the mask: we're 

: not creating new strands, but revealing 
: those we'd painted out. 


OG Ca Photoshop 


Stretch the ellipse to form the 
2 shape of the dome of the head. 
Because we copied the original 
forehead, we can be sure that the skin 
tones, textures and lighting will match 
perfectly. 


The bald dome needs a little work 

with the Clone tool to remove the 
obviously stretched forehead lines. Now 
is also a good time to add a slight shine 
to the top of the head, using the Dodge 
tool set to Midtones to avoid changing 
the colors. 


Now make a layer mask and, using 
3 a soft-edged brush, paint out 
along the bottom of the layer so that 
it blends smoothly into the original 
forehead. For more on layer masks, see 
Chapter 2, Hiding and Showing. 


We can now put the newly 

bald Bush back on his original 
background. The trouble is, the hair on 
the original still shows through; but it's 
easy enough to get rid of, as we'll see 
in the next step. 


Now for the hair. Make a layer 

mask once again, and paint out 
the hair behind the bald dome so that 
it recedes in a natural manner. Using a : 
layer mask, it's easy to paint back areas : 
that were erased accidentally. 


: If not enough 


forehead is 
visible in the 


: original image, 


: you'll need 


Even with a complex background 
8 such as this, we can use the 
Clone tool to replicate stars and : 
paneling from one area and place them : 
behind the head. Back on his original: 
background, George W looks more at 
home than ever. 


: to copy a 

> section of skin 

: from another 

: photograph. 

: Matching skin 

: tones and 

: shadows can be 
: difficult when 

: you choose 

: this route; it's 

: far better to 

: take your skin 

: from the image 
> you're working 
: on. If there's no 
: visible forehead, 
: consider using a 
: patch of cheek 
f instead. 


IMAGE: STOCKBYTE 
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Heads and bodies 


ESIGNER STUBBLE has 
always been a matter 


Our original figure is gazing 
moodily into the camera, with 
: just the hint of a bow tie suggesting 
: his status as a club bouncer. But he 
: doesn't look tough enough yet; a bit of 
designer stubble will help. 


of some consternation for 

me. How do rugged actors 

like Bruce Willis and George 

Clooney always manage to 

be interviewed sporting just 

a couple of days’ worth of 

growth? Do they only use 

blunt razors? Or do they shave 

with hair clippers? 
Fortunately, we don't 

need to concern ourselves 

too much with the vanities 

of Hollywood's finest. We 

can draw exactly the level 

of stubble we want, from a 

simple five o'clock shadow to a : 

neatly trimmed goatee, using a : 


: 6 stubble more transparent - and 

: we do this by changing the layer mode 
: to Hard Light, which causes all the 

: midtone gray to disappear. 


We now need to make that 


few simple steps. 

Here, we'll add some facial 
fuzz to our own tough guy, 
and look at how to achieve 
a more carefully coiffured 


appearance as well. 


On a new layer, paint the beard 
2 area using a midtone gray and a 
soft-edged brush. Accuracy isn't that 
important at this stage, as we can 
always mask out any stray areas later, 
but try to avoid the nose and mouth. 


Turning the layer to Hard Light 

mode allows us to see through to 
the skin beneath. This level of stubble 
is OK for a day's growth, but let's see if 
we can beef it up. Make a new Curves 
Adjustment Layer, grouping it with the 
beard layer, and lower the brightness of 
the beard to bring some more strength 
back into it. 


Add some Gaussian Noise to the 
3 gray you've just painted. I've used 
about 30% Noise here, but the precise 
amount you use will depend on the size 
of the image you're working on. 


The result so far is a beard that 

looks far too neat. So create a 
Layer Mask for the beard layer, and 
paint out some of the harder edges. 
Painting inside the beard with a low 
opacity brush also helps the stubble to 
look more varied in depth, which adds 
to its realism. 


Next, we're going to use Radial 

Blur to make the stubble; but first, 
we need to set the midpoint for the 
blur to act on. Hold @S9 as you 
draw an elliptical marquee from the 
center out, starting from the bridge 
of the nose and enclosing the whole 
beard area. 


As well as creating convincing 

9 stubble, we can also modify what 
we've drawn to make a stronger beard. 
The effect here is achieved by changing 
the Curve in the Adjustment Layer to 
darken the beard further; more sections 
are painted out on the beard’s Layer 
Mask to give it a more tailored shape. 


Now use the Zoom setting in the 

Radial Blur filter at a low setting: 
around 5% will be appropriate for this 
length of stubble. (Higher settings will 
result in facial fur that looks like it 
belongs on a dog.) Radiating from the 
bridge of the nose makes the stubble 
lie in the right direction. 


If all you want is to draw a 
1 O mustache, there's a simple 
solution: use an eyebrow. QuickMask 
was used here to make a soft-edged 


selection of one of the eyebrows, which : 


was then duplicated and distorted to 
sit on the upper lip. Using the eyebrow 
ensured that it matched the original. 


: 


: When painting 
: the layer mask 

: on a ‘real’ beard 
: (as opposed 

> to stubble) 

: as in step 9, 

: remember that 
: you can use any 
: of the painting 
: tools on the 

: mask — not 

: just the brush. 

: Added realism 

: can be achieved 
: by using the 

: Smudge tool 

: set to a scatter 
: brush to push 

: hairs into the 

: skin. 
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DDING A FEW YEARS 
XW onto a celebrity's 
image is a process that 
involves several steps. Graying 
up the hair is an obvious 
starting point; but there are 
other, more subtle indications 
of advancing years. 

In this workthrough we're 
going to take a photograph 
of Prince Charles taken in the 
days when he was a carefree 
bachelor, and bring it up to 
date - and maybe project his 
image a few years into the 
future. 

Making a person bald as 
they age is one possibility, but 
the results can be too extreme 
- and can often make the 


image look too jokey. In this 


Charles while keeping his full 
thatch of hair intact. 


The original image of Charles was 
taken some years ago, as can be 


: seen from his youthful good looks and 
> chestnut-brown hair. 


6 As people age, their features 
coarsen. Ears, in particular, tend 


: to enlarge with time. Select the ear, 
> using QuickMask again, make a new 
: layer from it and then stretch it slightly 
case, we're going to age Prince : 


using Free Transform. 


We'll begin by selecting the hair. 

Go into QuickMask mode by 
pressing @ and select the hair by 
painting around it with a soft-edged 
brush. We don't need to worry about 
being too accurate at this stage. Exit 
QuickMask, and make a new layer from 
the selection using trl 


a 


Bags under the eyes are a sure sign 
7 of age. Rather than drawing a new 
bag from scratch, it makes more sense 
to use what's already there. Select the 
eye bag (QuickMask again) and make 
a new layer from it; then stretch it 
with Free Transform so that it reaches 


further down the cheek. You need to be 
careful when doing this to make sure 
none of the original bag is visible, or it 
will look unconvincing. 


The hair is brightened up using 

the Curves dialog (although you 
could just as well use Levels or even 
Brightness and Contrast instead). The 
color is then knocked out of it using 
the Hue/Saturation dialog: drag the 
Saturation slider to the left to reduce 
the amount of color in the hair. 


AA 


To accentuate the wrinkles, 

duplicate the base layer (so you 
can return to it if you need to) and 
use the Burn tool to trace in the lines 
around the eyes and nose. Add subtle 
lines on the forehead using a low 
opacity, and add some wrinkles into 
the neck for good measure. By using 
the Burn tool set to Midtones, we can 
avoid the color loss that we'd have got 
if it had been set to Highlights. 


In the last step, some of the 

forehead and ear was brightened 
up along with the hair. We can now 
remove this by making a new layer 
mask, and painting out the unwanted 
bright areas. 


The next stage is a subtle one: 

drawing in the fine veins that 
appear on the cheek and nose as we 
get older. On a new layer, use a very 
small Brush and paint using a dark red. 
Short, wiggly strokes will create the 
effect we want with little effort. 


Decades of shaving tends to leave 
5 its mark on the face. We can 
accentuate this by selecting the beard 
area in QuickMask, making a new layer 
from it, and then adding Gaussian 
Noise and reducing the saturation so 
that it appears grayish. 


The final step is to knock out 
10 some of the rosy color from 
his face. Make a new layer, and set its 
mode to Color: then, using a soft brush 
set to a very low opacity - around 
20% works well - paint with white 
to reduce the ruddy complexion. Be 
careful not to overdo it at this stage: 


: When creating 

: multiple layers 

: that all act upon 
: base artwork, 

: it makes sense 

: to group each 

f new layer with 

: the base as you 

: create it. That 

: way you'll avoid 
: the problem of 

: fine elements 

: - such as the 

: veins in step 9 

: or the shading 

: in step 10 - 

: from leaking out 
: around the edge 


we want our celebrity to look older, but : 


not necessarily decrepit. Even British 
royalty can grow old gracefully. 


: of the head. 
WIN [BOTH] 
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Heads and bodies 


HEN THE GUARDIAN NEWSPAPER 

ran a cover story for its magazine 
section on how the British animation series 
Bob the Builder was making a fortune through 
worldwide sales, they wanted an image to 
demonstrate his success. 

The car was colored yellow to match his 
truck, and the headlights and smiling radiator 
copied from there onto a more sedate vehicle. 
What concerns us here is the clothing: turning 
the denim overalls into something akin to a 
pinstripe suit, complete with club tie, cuff links 
and shiny black shoes. 

In the end, this illustration never appeared. 
The reason? | did the artwork on the morning 
of September 11th 2001 - and by the afternoon 
newspaper editors had more important matters 
to talk about. 


The original figure of Bob was cut out from a standard 
: 1 publicity shot. | had several images to choose from, and 
: chose this one so | could drape the arm over the car. Cutting 
: the image from its background was a simple task using the 
: Pen tool to create smooth curves. 


It would have been impossible to rescue any shading 
from the original checked shirt, so the only solution was 
: to trace its outline and draw a new one. The new shirt was 
: filled with a light gray, and shading was added using the 
: Dodge and Burn tools - see Folds and Wrinkles in chapter 9. 


The existing overalls were selected, tracing carefully It's the pinstripes that make sense of the new clothing, 
2 around the tools, and made into a new layer. Turning 3 and they took some time to draw. Each stripe was 
that bright denim into dark blue serge was a piece of cake drawn as a path using the Pen tool, being careful to trace 
using the Curves dialog. bumps over the contours of the folds in the clothing; the 
path was then stroked with the Brush tool and shaded. 


The shaded shirt was colored pink using the Hue/ The final elements were all added separately: the 

Saturation dialog, which can be simpler than Curves 6 cigar, cuff link, and the tie were pinched from other 
for a colorizing job like this. The collar and cuffs were then photographs. While it would have been possible to draw a 
brightened to make them stand out, and shading added tie, using a real one adds to the realism of the image. The 
beneath the straps of the overalls. shoes were also desaturated and darkened. 


: Drawing the 

: stripes on the 

: overalls was 

: the hardest 

: part of this 

: job. The trick 

: is to keep their 
: spacing as even 
: as possible, and 
: to accentuate 

: the folds in 

: the clothing 

: by making the 
: stripes wrap 

: around them 

: — it's this that 
: makes them 

: look convincing. 
: Shading, using 
: the Burn tool, 

: made them 

: appear to 

: belong to the 

: clothing. 
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HIS ILLUSTRATION FOR LISTINGS 


magazine Time Out shows two 


newsreaders slugging it out in competition for 
the ten o'clock news program. Both men had 
been photographed head-on, and the head of 
Sir Trevor McDonald (in the red shorts) barely 
fits the profile body. But by moving the eyes of 
both so that they stared at each other, it was 
possible to create some emotional interaction 
between them that would have been lacking if 
they'd remained gazing at the viewer. 


In Chapter 4, Composing the Scene, we 


looked at how important eye contact is - which : 


means having the ability to move eyes at will. 
Here, we'll take one of the figures used in that 
chapter and show how to prepare the eyes 
so that people can be made to look in any 


direction you choose. 


; 7 We can now show the pupil layer again. Position it 


: 1 This figure has eyes that are wide enough for us to be 


able to position the eyeballs wherever we choose. More 


i importantly, there's enough of the pupil visible to allow us 
: to use it later. Begin by making a circular selection that 
: encompasses the pupil. 


: 4 Turn the path into a selection by pressing G3 


, then make a new layer named Eyeball and fill 


: the selected area with white. This will form the basis for our 
: new eyeball. 


above the Eyeball layer and group it using 


: , so that we only see the pupil where it overlaps the 
: eyeball. Select the pupil and drag a copy (by holding G3 
: as you drag) until both are looking in the same direction. 
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Make a new layer from the selection using 

EDO. then duplicate the layer and rotate it 180°. Now 
erase the eyelid showing on the new layer, and continue 
erasing until the two halves of the pupil become one. When 
the eyeball looks convincing, merge the two layers. 


Add shading around the edge of the eyeball using the 
Burn tool set to Highlights, using a low opacity. Build up 
the shading slowly, so that it doesn't appear too harsh. 


So far, so good: but the eyes still don't look real. The 
8 solution is to change the layer mode of the pupils 
from Normal to Multiply, so that the shading we applied 
to the eyeballs shows through onto the pupils. It's a subtle 
difference, but it completes the effect. 


Hide the new pupil - we'll come back to it later. Now, 
3 using the Pen tool, draw a Bézier path around each 
eyeball. Use as few points as possible for a smooth outline: 
| try to use anchor points just in the corners of each eye, 
making the path handles do all the work. 


Z 


| : It isn't always 

: possible to lift 

: the original 

: pupils from a 

: face: sometimes 
: the eyes are just 
: too closed to 


> 
: be able to see 
= : them clearly. In 
<=> : cases like these, 


: it's worth taking 
: a pupil from 

: another image 

: (keeping it 

: handy for future 
: use), and simply 
: dragging it into 

: the composition. 
: You can change 

: the color of the 

: eyes using the 

: Hue/Saturation 

: dialog, so that 

: they match the 

: original. 


The original shading will appear to have a bluish tint, 
6 although in fact it is purely gray. Use Color Balance to 
add a little red and a little yellow to the eyeball, then soften 
the edges using the Blur tool. 


With both eyes now complete, we can move the pupils 
9 independently of the eyeballs to make them look in any 
direction we choose. Because the two layers are grouped 
together, the pupils always appear to move within the range 
of the eyeballs. 


SHORTCUTS 
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A change of expression 
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HE LIQUIFY FILTER 
is a powerful tool 
for distorting images - far 


in its effects, and much more 
controllable. 

Liquify is a great filter for 
creating massive distortions 
and twists in images. Here, 
however, we'll look at its more 
restrained application: that of 
changing the expression on a 
face. 

The key to getting this 
technique to work is subtlety. 
Small distortions can create 
the effect of different 


expressions without giving the : 


game away; it's easy to get 
carried away, and one or two 


of the examples here verge on 


the cartoony. Use a large brush : 
at a fairly low pressure for best : 


results. 


Here's our starting image - a 
bland, expressionless gaze directly 


; into the camera. Yet from this vapid 

: starting point we can create a huge 

: range of emotions. All the effects here 
> are created using just the first tool in 

stronger than the Smudge tool : 


the Liquify toolbox. 


PEEVED: a slightly cross look, 
: 6 achieved by turning the corners of 
: the mouth down slightly and curving 
: the eyebrows so that they're raised 
: in the center but both corners are 
dragged down. 


SCEPTICAL: a downturn on the 
2 corners of the mouth, with a slight 
wrinkle on the lower lip. The eyebrows 
are pushed down iin the middle, and 
one is raised slightly at the corner to 
complete the effect. 


ANGRY: a stronger version of the 
7 previous effect. The eyebrows are 
curved in a more pronounced manner, 
and the mouth has a much more 
definite downwards curl. The effect is 
strengthened here by stretching each 
nostril up and outwards to give them 
that furiously flared look. 


QUIZZICAL: one eyebrow pushed 
down in the corner, the other 
raised in the middle for an asymmetric 
look. The mouth is narrowed to give a 
pursed appearance, and one nostril is 

pushed up slightly. 


SMUG: this man knows something 
you don't, and it isn't to your 
advantage. It's similar to the Quizzical 
look, above, with one eyebrow raised 

dramatically; but the smile, created 
by raising both corners of the mouth, 
makes this figure look more in control 
of the situation. 


SINCERE: a face you can trust. 

This subtle effect is achieved by 
thinning the line of the mouth to make 
it more hard-set, and pushing the 
corners of both eyebrows down in an 
expression nearing a frown. 


ANXIOUS: this worried expression 
9 is produced by raising the corners 
of both eyebrows and lowering the 
midpoints of the eyebrows. The mouth 
is raised slightly on one side, and 
the nostril above it is also raised to 
reflect the way the musculature works 
beneath the skin. 


wf 
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5 RESOLUTE: an effect that differs 


in technique only slightly from the : 

: In all these 

: examples, we've 
: distorted the 

; mouth and 

: eyebrows but 

: left the eyes 

: largely intact. 

: This is because 

: any distortion 

: on the pupils 

: would make 

: the whole face 

: look false and 

> unconvincing. 

: More powerful 
: results can be 

: obtained by 

: distorting the 

: eyes as well, and 
: then replacing 

: the pupils using 
f the technique 

: described on the 
f previous spread. 


previous example, but which results 
in a more determined appearance. 
The eyebrows are made thinner, and 
the mouth is widened with a slight 
downturn. 


HAPPY: the hardest expression 
10 to create using a closed 
mouth. Since we can't make him smile, 
we have to rely on a broad grin made 
by widening and raising the corners of 
the mouth. Both eyebrows are raised 
significantly to complete the effect. 
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: The first step in using the Healing tool is to specify the 
‘ 1 clone target. Hold the G9 key and click on the 

: point you want to clone from. Choose an area of skin that's 
: relatively free from wrinkles, lines and stubble, such as the 
: cheek in this example. 


NE OF THE MAIN NEW FEATURES in 
Photoshop 7 was the Healing tool. 
Designed for the removal of noise and scratches : 
from photographs, it can also be used for more : 

wide-reaching applications: a prime example 
might be to remove the hole left by the earring 
in the model on the right. 

Here, we're going to use the tool to make 
this figure look like he's sleeping. If I'd had 
Photoshop 7 when doing the illustration 
above for Time Out (about the tedium of royal 
weddings) I'd have made a far more convincing 
job of it. Now, in just a few steps, we can close 
our model's eyes far more easily. 


: Repeat the process for the other eye. There's no need to 
: 4 specify the target point again, since this will be chosen 

: automatically. Once again, the eyelid appears too bright 

: while we're in the process of using the healing tool - but this 
: will be corrected when the button is released. 


Now begin to paint over the area you want to heal. As 
2 you paint, the target area will be cloned directly, as 
shown here - and it will appear badly shaded as a result. 
Avoid healing over the bottom eyelashes, as they'll mark the 
closure of the eye. 


With both eyelids now fully healed, we can see how 

the shading closely matches the surrounding skin. The 
problem now is that the eyelids have taken on the color 
values of the open eyes, resulting in a grayish hue that looks 
a little artificial. 


Once you release the mouse button, the cloned area 
3 will take on the light and shade characteristics of the 
area you healed into. Note how the eyelid, previously far too 
bright, has now toned in well with the area of skin that lies 
around it. 


; Because you 

: don't see the 

: full effect of 

: the Healing 

: tool until after 
: you've finished 
: painting (and 

: after Photoshop 
: has processed 

: the result), you 
: can't always 

: see what you're 
: doing as you 

: go along. It's 

: often best taken 
: in short steps, 

: alternating 

: between large 

: and small 

: brushes as you 

: go, so you can 

: watch the result 
: build up in 

| : stages. 


This is easily fixed by using a soft-edged paint brush set 

to Color mode, and painting over the eyelids with a color : 
sampled from nearby. Now, our previously wide-awake figure 
looks like he's sleeping peacefully. 


SHORTCUTS 
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LTHOUGH PHOTO LIBRARIES SUPPLY 

many thousands of color images, there 
are times when the Photoshop artist needs to 
color up black and white photographs. It may 
be to repurpose a historical figure, such as the 
image of Idi Amin, above, for the cover of Giles 
Foden's novel The Last King of Scotland. 

The more usual scenario is those cases where 
only a genuine 1950s photograph will supply 
that retro look. Coloring monochrome images 
is fiddly, but not difficult; the secret lies in 
choosing the right colors to work with. 

Because painting with color can produce 


dramatic changes manimagenrts worth always ; 4 Now for the blush color. Set the foreground color as 


working with a very low opacity brush when 


opacity when painting the beard area. 


1 Our starting image is a great retro photograph taken 
from a royalty-free collection. Since the original image 


: is, naturally, grayscale, we need to make sure we convert it 
: to RGB before continuing. Even in RGB, it's always worth 
: keeping your swatches in CMYK so they'll work in print. 


Cyan 8 
Magenta 65 
Yellow 71 
Black 0 


shown above and, using the same brush opacity, paint 


sais r . : dabs of color on the cheeks, nose, ears and forehead. With a 
. 0, i r 1 
painting in color mode: | frequently use just 5% : much smaller brush, set the opacity to around 30% and paint 


: the color on the lips. 


Cyan 28 
Magenta 56 
Yellow 70 
Black 9 


A We'll start by applying a general flesh-colored wash to 
& the whole image. After setting your foreground color 
according to the swatch above, choose Fill from the Edit 
menu and select Color Fill with Preserve Transparency: this 
will flood the image with our skintone color. 


Cyan 
Magenta 
Yellow 
Black 


fe We need to color the eyes and teeth as well, but 

w painting with pure white will make them look blue (try 
it). Set the color as above and use a very small brush, still set 
to Color mode, to paint those areas. Use the Dodge tool here 
as well to bring some sparkle into the teeth and eyes. 


set to Color mode: make sure the transparency of the layer 


opacity - 10% or less - and paint the beard area. 


: The color 

: makeup shown 
: in the swatches 
: here are ones 

: I've evolved over 
: time; you don't 
: need to copy 

: them exactly. 

: To save time, 

: I've included 

: the swatches in 
: the Heads and 
: Bodies folder 

: on the CD: load 
: the file named 
: Fleshtone 

: Swatches.aco 

: using the Preset 
i Manager, or 

: directly from 

: the pop-up 

: menu in the 

: Swatches 

: palette. 

: Remember to 

: choose Append 
: rather than 

: Replace, or 

> you'll lose all 

: your original 

: swatches. 


Cyan 28 
Magenta 11 
Yellow 9 
Black 0 


y The next step is to paint the beard area. Set the 
aJ foreground color as shown, and use a soft-edged brush 


is locked in the Layers palette. Set the brush to a very low 


To color the clothing, select all but the skin areas and 

make a new layer from it using . Then 

use Curves, Color Balance or Hue and Saturation to recolor : SHORTCUTS 
those areas, making additional selections as necessary. You : ! a 
can still use the brush set to Color for details such as the tie. : 
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The freelance artist 


FOR THE FREELANCER, working at home is one of the main attractions of the 
job. It can also be one of the major drawbacks. 

The advantages are plentiful. No need to worry about bus and train times; 
no commuting; and above all, no office politics. On the down side, there’s the 
problem that you’re always at work, even when you're off-duty. In order to 
complete this book I had to rent a flat at the seaside simply to get away from 
the telephone: it’s hard to complete a long-term project when the telephone’s 
constantly offering you short-term work. 

When you work at home, it’s important that you have a separate room 
in which to work. Partly it’s because you need somewhere you know won’t be 
littered with washing, children’s toys and bicycle parts; but mainly, so there’s 
somewhere you can go out of in the evening. In the days when I used to have 
my computer set up in the back of the living room I felt I could never get away 
from it. 

I now never work at weekends. It’s a golden rule that I break only two 
or three times a year, and even then it’s only when I’m called out to deliver a 
talk or work on the help desk at a Mac show. I occasionally have to turn work 
down that would require me to work over a weekend to meet a deadline, but my 
sanity is all the better for the restriction. 

Try to arrange your workspace so that your desk faces the window, so the 
light doesn’t glare on the screen, and make sure you use sidelights rather than 
ceiling lights for the same reason. Don’t push your desk right up against the 
wall or window: you'll need to get round the back to plug in cables, and you 
want to make this as easy as possible. 

Td also recommend renting a water cooler. Partly because water’s good 
for you; but mainly because since I got mine my coffee intake has dropped 
considerably. And, at the risk of sounding like your mother, I'd also suggest 
eating lunch now and again. Falling over from hunger at 4.30 in the afternoon 
will do little to help you meet a 6pm deadline. 
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There are two main problems with the freelance lifestyle: not having 
enough work, and having too much. It’s hard to decide which is the more 
onerous: if you don’t have enough work, you can always spend the spare time 
putting up shelves. But if you have too much, at some point you'll get to that 
dreaded stage when you realize that you'll have to turn a job away. 

The first time you turn work down it feels awful: after all, there’s a job 
that needs doing, and if you don’t do it they'll get someone else - so what will 
happen next time? Will they come back to you, or go straight to the person 
they know could get it done last time? The answer is that if you’re any good, 
people will come back; and if you’re too much in demand to do the work one 
week, they'll be all the more keen next time. But if you take on more than you 
can handle, you’ll do neither job well. 

There are many factors that determine whether a freelance artist gets 
plenty of work: whether your work’s any good, whether it’s original, whether 
you can interpret a brief, and so on. But without doubt the strongest factor is 
this: can you meet a deadline? 

Unlike trains, TV shows and your brother’s birthday, you can’t miss a 
deadline. Period. If a newspaper phones you at 1pm and requires an illustration 
delivered by 5pm, then that’s the time you have to have it finished. It’s no good 
spending an extra couple of hours turning your illustration into a work of art 
if the paper’s gone to press by the time you’ve finished: they'll be faced with a 
blank page, which they’ll fill with a stock photograph, and the phone will go 
strangely silent for the next few weeks. 

The tightest deadline I ever had was 45 minutes, for an illustration for the 
front page of a newspaper: it ended up with me right up against the deadline, 
asking for an extra ten minutes and being granted five. The next day a quarter 
of a million copies were distributed around the country, each one showing the 
bits I hadn’t finished yet; the day after that it was lining the bottom of the cat 
litter tray. So much for posterity. 
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150 Introducing... Miracle Wrap 
152 Blood and gore, no sweat 
154 Water, water everywhere 
156 Snow and icicles 
158 A cool glass of water 
160 Getting the glazing bug 
162 Glass: refraction 
164 Glass: reflection 
166 Putting things in bottles 
Reflecting on fashion 
Glass: putting it all together 
Through grimy windows 


INTERLUDE: Photoshop Actions 


Glass and liquids share many properties in common: they 


both reflect and refract light, and they can both be drawn 
more easily than you might have thought possible. In 

this chapter we'll look at some of the different ways of 
creating glazed objects, from bottles and windows to the 
floor of a fashion catwalk. 
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Shiny surfaces 


HE PLASTIC WRAP FILTER The first step is to draw the drip. 
The best way of doing this is to use 

is one of the most useful : the Pen tool to draw an editable Bézier 

: path: but if you're uncomfortable 

> with that tool, use the Brush instead 

: - although it's harder to create smooth 

= curves with the Brush tool. 

: Fill with a midtone gray (or paint 

: with gray if you're using the Brush). 

: There's no point worrying about color 

: at this stage; all we need to do is to 

: create a base that's suitable for the 

: Plastic Wrap filter. 


special effects Photoshop 

has to offer. Use it to make 
anything glisten - from 
beads of sweat on a dancer's 
forehead to visceral internal 
organs (see the Case Study 
on the following pages). Oh, 
and if you really want to, you 
can also use it to draw plastic 
wrapping. 

In this workthrough, we're 
going to use Plastic Wrap to 
create shiny, dripping paint on 
the can shown above, although : 
exactly the same technique : 
could be used to draw coffee, 
blood or just about anything 
that dribbles. 


Now comes the tricky part: 

2 preparing the artwork for the 
filter. The best way to begin is to shade 
the drips, using the Dodge and Burn 
tools, so that it looks vaguely three- 
dimensional. (Remember, if you hold 
while using the Burn tool, it 
temporarily Dodges - a real time saver.) 

Next, create some random light 
and dark patches in the larger areas 
of the paint splash. There's no exact 
science to this, since the Plastic 
Wrap filter works in mysterious and 
sometimes unfathomable ways; only 
experimentation will show you which 
techniques work and which don't. 


Time for Plastic Wrapping. The 
3 settings don't make an enormous 
amount of difference to the end result, 
but play around with them - you can 
see the changes instantly. 

Because the original shading can 
affect the filter's result so dramatically 
you can't expect to just draw, filter and 
have done with it. So try this: do some 
shading, perform the filter, and see how 
it looks. Then undo, shade some more 
(or step back through the Histories to 
shade less) and apply the filter again. 
And again. This one can take some time 
to get right. 


cw 


Brightness and Contrast always 

help a filter like this - the more 
glistening and shiny, the better. The 
drips look OK, but that pool of paint at 
the bottom was a little unconvincing; 
to fix it, | drew an elliptical selection 
and added ripples using the ZigZag 
filter (which, for some reason, creates 
ripples, unlike the Ripple filter, which 
doesn't). 

Because | used Lock Transparency 


ee ee | 


Finishing touches. The blue color 

was made with a solid blue layer, 
grouped with the drip and set to Hard 
Light, 70% opacity. This is a more 
effective method than simply using 
Hue and Saturation or even Curves to 
put the color in, since we want to add 
a solid wash rather than merely tinting 
the gray. 

Shadows were added both beneath 

the drips and around the edges to 


to prevent the make it look 
ZigZag filter Plastic Wrap more three- 
from distorting dimensional. 
the edges of my Finally, | took 
lovely curves, | the lid off the 
needed to clone paint can so 
some of the we could see 
original image some of the 
back where the paint inside 
filter had filled by creating 
bits with white. a lid-shaped 
No problem selection on 
- that's what the a new layer, 


History brush is 
there for. 


then adding a 
drop of paint 
color. 


shading it and 
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: Performing a 

: filter such as 

: Plastic Wrap 

: will change the 
: look of the base 
: layer completely. 
: Always take 

: a copy of the 

: layer before 

: applying the 

: final filter 

: effect to it, so 

: you can revert 

: and make 

: changes if you 

: need to later. 


W SHORTCUTS 
A MAC] WIN [BOTH 


151 


Blood and gore, no sweat 


HE BRIEF 

for this 
illustration was 
to produce a 
realistic image 
of a heart, to 
be used on the 
front page of The 
Guardian. | was 
supplied with an image 
of a basic 3D model; it had 
everything in the right place, 
but looked like the model it was. | 
immediately asked if the illustration 
had to be accurate enough to fool heart 
surgeons: ‘No, came the reply, ‘it only 
has to fool Guardian readers: A much simpler 


proposition altogether. 
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] The original image, generated 
from a 3D model, may have been a 


: useful teaching aid - but there was no 

= way this would look like a convincing 

: heart as it stood. As with most basic 3D 
: modeling, this one looks like it's made 

: of plastic rather than flesh and blood. 

: This is the kind of application at which 

: Plastic Wrap excels. 


©) The first step was to desaturate 
L . thei image. Then, after locking 
transparency (so the edges didn't fuzz 
up), | appled Gaussian Blur to smooth 
out the veins. 


2 The first application of Plastic 

«J Wrap picked up the contours and 
added a shiny, glistening tone to the 
image - without a brushstroke having 
been added. 


f= A second application of Plastic 

=O | Wrap was added, which was then 
masked out selectively over areas 
where it seemed too strong - mainly 
the large expanses of flat aorta. 


C The veins were painted in on a 
O new layer using Hard Light mode, 
which allowed the underlying texture 
to show through; the tubes and pipes 
at the top were painted on a layer set 
to Color mode. 


A The image was colorized using 
or Hue/Saturation to give it a base 
color on which to build. Already, it 
was starting to look far more real and 
organic. 


i 7 Finally, the plumbing at the 

A top was copied to a new layer 
(by using a soft brush in QuickMask 
to ensure smooth edges) and then 
brightened up and tinted to look 
convincing. 


f When working 

: on an image 

: like this, it 

: helps to create 
: multiple layers 
: for coloring 

: and tinting the 
: different areas: 
: that way, the 

: strength of each 
: layer can easily 
: be reduced by 

: simply lowering 
: the opacity of 

: the layer. Group 
: each new layer 
: with the base 

: layer to make 

; sure no color 

: leaks out around 
: the edges. 
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RT EDITORS LOVE SUBMERGING THINGS. : 
Whether it's a computer (Dotcom Firms : 


Sink Without Trace), a confused businessman 
(Is Stress Swallowing You Up?) or an entire city 
(Global Warming: Life in 2050), they just can't 
get enough of floods. 

The image above was fairly trivial to create: 
the island scene was simply reflected vertically, 
and the sun and sky reflection placed behind 
it. The strong ripples in the water helped to 
conceal any rough edges. 

In this section we'll look at a slightly more 
complicated flood, which involves reflections as 
well as submerging. 


This straightforward suburban scene is about to be 
flooded by water. The differing angles across the image 


: will involve treating both the water and the reflections to 
: follow the perspectives of the original image, as we'll see 
: over the next few steps. 


: 4 Now the water needs to run along the walls that sit 


perpendicular to the one at the front. Because we 


: made a layer mask in the first instance, rather than simply 
f deleting the water, it's easy enough to paint it back in again, 
: following the contours of the bricks as a guide. 


: 7 Next, the sections of wall that face away from us are 


copied and again distorted into place. This includes 


: elements such as the pink gate, which clearly lies in a 
: different plane to the front of the wall. 


from a photograph of the sea, from which the sky has 
simply been deleted: water can be devilishly tricky stuff to 
draw, so it's worth finding a real picture if you can. 


The original water was far too bright: it had been 
5 photographed on a sunny day, when there was plenty of 
blue sky for it to reflect. In this urban setting, the sky would 
be minimal, so its saturation needs to be reduced using the 
Hue/Saturation dialog. 


But the surface of the water is rippled, not flat; so the 
8 reflections need to be distorted as well. Here, the Wave 
filter (appropriately enough) has been used to add a small 
amount of rippling to the reflected image. I've also reduced 
the opacity of the ripples for a better effect. 


ar. —=. 5 
The first step in making the water fit the scene is to 
decide on the level at which it will sit. Make a new 
layer mask (Reveal All) for the water, and paint it out along 
an obvious perspective line: here, the brick wall at the front 
provides a useful horizontal to set the water on. 


— c es — 


The background is copied in sections, flipped vertically 
6 and grouped with the water, using the techniques 
described in Glass Reflections later in this chapter. First, the 
sides facing us - the front of the wall and the wall holding 
the door - are flipped and distorted into place. 


As well as reflecting the scene above it, we need to 

make sense of the water as a dense medium. Simply 
placing this duck on the surface helps the eye to interpret 
the water for what it is, as well as adding visual interest to 
the scene. 
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: Although we've 
: added a rippled 
; reflection in 

: this instance, 

: in many cases 

: it's enough 

: just to reduce 

: the opacity 

: of the water 

: along the flood 
: line. Lower the 

3 brush opacity to 
: around 30% and 
: paint it out on 

i the layer mask 

: for an instant 

: transparent 

: effect. 


imac] win 
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NOW an 


AGAZINE DEADLINES BEING WHAT. : 
they are, people always want pictures : 


of snow for their Christmas editions - but they 


need them in September. Every Photoshop artist 


should know how to add snow to a scene to 
give it that festive flavor; we'll see how to turn 
the rather dull photograph (top) into a yuletide 
experience. We're even going to throw in a few 
icicles for good measure. 


Iicies 


To get started, draw the snow shape on a new layer. 
Use a hard-edged brush where the snow sits on the 


: windowsill, and switch to a large, soft brush to paint the 
: area where it drifts up the side of the wall. 


: 4 Make a new layer, and paint the icicles using a midtone 


gray and a small, hard-edged brush. Try to make them 


: look as drippy and natural as possible, and don't add too 
: many of them! 


: 7 To add a sprinkling of snow to the walls, choose a large, 


soft brush and set its mode to Dissolve. With white 


: paint, and the brush set to a very low opacity, it's easy to 
: apply this speckled effect with just a few strokes. 
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Add shading using Dodge and Burn, then add the There are several ways of adding color: in this instance, 

texture. Begin with a little Gaussian Noise and then, to 3 it's probably easiest to use Color Balance to up the blue 
soften the effect, lock the transparency of the snow layer and cyan content slightly. Don't make it too strong - we only : 
and use Gaussian Blur to smooth it slightly. want a hint of the color effect. : 


: It's easy to get 

: carried away 

: with too much 

: Dodging and 

: Burning, too 

: strong a color 

: and too much 

: snow overall. 

: The key to 

: making this 

: effect work is 

: subtlety; always 
; try to use 

: the minimum 

: possible to get 
: the effect you 

: want, and the 

: result will be 

: that much more 
convincing. 


We're going to treat the icicles with Plastic Wrap (what Apply the Plastic Wrap filter as before, erase the tops 
5 else?), so first we need to add some shading using 6 of the icicles so they merge into the snow. Add a 
Dodge and Burn. This can be done in a fairly random way; little color, and change the layer mode to Hard Light for 
there's no need to simulate accurate shadow placement. transparency, then duplicate to make the shadow behind it. 


The snow we just drew looked rather harsh, so once As a final step, add some color to the walls for a wintry 
8 again we can use Gaussian Blur to soften it. Don't check feel. To get a good contrast inside the window, make 
the Lock Transparency box this time, though, as we want to a new layer from the window and increase the contrast, 
blur those edges slightly. adding a yellowish hue for that warm interior glow. 
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Shiny surfaces 


LASS IS ONE OF THE 

hardest objects you 
can photograph, as any 
commercial photographer will 
tell you. Stylists will spend 
hours combining plastic ice 
cubes with piped-in carbon 
dioxide to get effects such 
as this - they can't use real 
ice, which would quickly 
melt under studio lighting 
conditions. 

Fortunately, there is an 
easier way. We begin with a 
straightforward digital image 
of a glass of water, which was 
photographed on a curved 
sheet of white paper so there 
was no crease visible where 
the background joined the 
base. 


We begin by drawing the outline 
of our first ice cube on a new 


: layer. Use a hard-edged brush and 

: paint with a midtone gray (we'll need 
: to use this color when we change 

: the layer mode later). Aim for an 

: approximation of a rough cube viewed 
: from an angle. 


: 6 We could draw the bubbles one 


at a time, but it's a lot easier to 


: let the brush do all the work. Select 
f a hard-edged brush and open the 

: Brushes palette: now set the spacing 
> to a large figure - we've used 500%. 
: Don't worry about ‘corrupting’ your 
: brushes, since these settings will be 
+ forgotten when a different brush is 

: selected from the palette. 


Now add a little light and shade 
2 using the Dodge and Burn tools. 
Aim to place a blob of light in the 
center of what will become each face 
of the cube. Subtlety is the keyword 
here: keep the strokes very pale and 
don't be tempted to overdo it. 


Using white paint, draw wiggly 

lines on a new layer to create 
the bubbles. The spacing we just set 
will create strings of dots, rather than 
solid lines. Now reduce the brush size 
using the @@® key, and paint smaller 
bubbles as well: these should be placed 
particularly at the edges of the glass, 
to give an impression of the bubbles 
falling away in perspective. 


Now apply the Plastic Wrap filter, 

as described earlier in this chapter. 
If you've applied the Dodge and Burn 
correctly, the filter should now form 
the shape of three visible faces of our 
ice cube. If it doesn't look convincing, 
undo and adjust the shading before 
applying the filter again. 


To make those strings of dots 

look three-dimensional, use the 
Emboss section of Layer Styles to give 
them some automatic roundness. (You 
didn't seriously think we were going 
to shade each bubble individually, did 
you?) You'll need to set a very small 
offset to avoid the bubbles looking too 
fuzzy, but experiment with the settings 
and you'll get a good result. 


—_ pew 


The Plastic Wrap filter can 

frequently leave an untreated 
edge around an object, as seen in the 
previous step. Rather than trying to 
correct it, it's far easier to delete that 
edge. Hold and click on the 
ice cube layer's name, then contract 
the selection, inverse and delete. 


Brightness /Contrast 
ps 


C ae ) 


p 


Freeview 


Now to give those bubbles some 

transparency. Begin by changing 
their layer mode to Hard Light once 
again. In this mode, midtones become 
invisible, while the highlights and 
shadows remain; so we need to lower 
the brightness of the bubbles so that 
the pure white we drew approaches a 
midtone gray. Any of the adjutsment 
dialogs can be used to do this. 


CVn 


Now change the layer mode to 

Hard Light to make the ice cube 
shiny and semi-transparent. Moved 
to the top of the glass, a layer mask 
can be used to hide the region on the 
surface where it isn't poking through. 
The second ice cube is simply a 
duplicate of the first. 
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: Photographing 
: glass is always 
: tricky, even 

: when you're 

: going to treat 
: it in some way. 
: The key is to 

> avoid shadows 
: from the glass 
: falling on the 
: background, 

: which will be 
i hard to lose 

: later; so light 
: it from both 

i sides (don't 

: use a flash!) 

: using standard 
: household 

: lamps if you 

: don't have 

: photographic 
: ighting. 


Finally, adjust the color of the 
1 O glass to make it bluer, since the : 
original indoor lighting looked far too: 
brown. The shadow is created by hiding : 


the background layer, performing : 
B SHORTCUTS 
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Select All and taking a Merged Copy 
GDO DD) of the 
image. This is then pasted behind the 
glass, desaturated, and knocked back 
using a gradient on a layer mask. 
159 
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Shiny surfaces — 


Getting the gl 


LAZING EFFECTS are easy to create, 

and make the difference between an 
object looking like it's in a box and looking 
like it's inside a picture frame. The bug I've 
used here is in a three-dimensional box, but 
the technique works equally well for flat 
pictures in frames - or for windows, museum 
cases and other glazed surfaces. 

Here, I've taken this bug box and added 
three different glazing effects to it, from 
simple glass to rippled plastic. The inset 
pictures show each effect in isolation against 
a black background, so it's easy to see how 
it works without the distraction of the main 
image getting in the way. 


: a glass effect is 

: simply to paint 

: one on. Create a 

> new layer behind 
: the frame, and 

: use a large soft- 
: edged brush to 

: add white bands. 
: Set the opacity 

: of the brush low 
£ = 10% or 20% 

: - and draw a series of diagonal white strokes. This can be a 

: very subtle effect, and is most noticeable at the edges (where 
: the glass meets the frame) rather than in the middle of the 

; image. Build up the strokes as you go until the effect works. 

: This is one of those occasions when a pressure-sensitive 

: graphics tablet really comes into its own. The glass layer is 

i shown here (inset), although obviously it makes more sense 

: to draw it while viewing the full image. 


The simplest 
way to create 


To make 

the glass 
more convincing, 
consider adding 
a background 
image. Here, this 
shot of a room 
(inset) has been 
distorted slightly 
using the Wave 
filter: without the 
distortion it would 
look too flat and 
rigid. The opacity of this layer was then reduced to 10% so it 
was barely visible - after all, you don't want it to swamp the 
main image. The white bands used in the previous example 
were added over the top, their opacity reduced to 50%. 

Any background image can be used; the choice depends 
largely on the supposed location of the object in question. 
For outdoor scenes, such as looking in through a window, a 
cloud reflection is particularly effective. Remember to keep 
the opacity low; if necessary, increase the contrast of the 
reflected image to make it more dramatic. 


This version 
3 uses the 
Plastic Wrap 
filter to make 
the bug look like 
it's encased in 
polythene. First, 
a new layer was 
created and its 
mode set to Hard 
Light: this was 
filled with 50% 
gray, which is 
transparent in 
Hard Light mode. 
The brushstrokes 
(inset, top) were 
painted on using 
the Dodge and 
Burn tools to add 
highlight and 
shading to the 
image; the Plastic 
Wrap filter was 
applied (inset, 
bottom) to show 
the full effect. In 


cases like this, it's worth applying the filter frequently as you 
paint to check the effect, which can be unpredictable; Undo 
after each time to carry on adjusting the background. 


: Experiment 
: with different 
: layer mode 
: settings - Hard 
: Light, Screen 
: and Overlay 
: in particular 
: - to see the 
: different effects 
: they have 
: on reflected 
: images. Often 
+ they can serve 
q: to reduce the 
: clutter and 
: intrusion of a 
: reflection, while 
: maintaining its 
: strength. 


IMAGE: HEMERA PHOTO OBJECTS 
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Shiny surfaces 


1 In this simple montage the glass 
vase, the table and the background 


: are on three separate layers. The task is 
+ to make the background visible through 


= : the vase. 


LASS OBJECTS not 
only reflect what's 


around them, they also refract 
the view behind them. This 
refraction is easy to achieve; 
the trick to making the 
montage look real is to bring 
back the reflections in the 
original photograph so that 


they sit on top of the refracted : - 


image. 

In this workthrough, we'll 
make this photograph of a 
glass vase look as if it's sitting 
within the scene, rather than 
simply stuck on top of it. 


Begin by loading up the area 

taken up by the vase, by holding 
and clicking on its thumbnail 
in the Layers palette. Then use the 
Elliptical Marquee tool, holding down 
to limit the area to 
just the bowl itself. 


Now for the tricky bit - adding 
back the reflections from the 
original vase. Duplicate the vase layer, 

and delete the layer mask (without 
applying it). It will completely obscure 
the distorted background. Now choose 
Layer > Layer Style > Blending Options 
and drag the small black triangle under 
the This Layer slider (in the Blend If 
section) to the right. After a certain 
point, the vase will begin to turn 
transparent as all pixels darker than the 
position specified disappear. 


Now hide the bowl layer, switch to 

the background and make a new 
layer from the selection using 
a0. 


Reselect the new layer by 
4 clicking on its thumbnail in the 
Layers palette, and use the Spherize 
filter to create the refracted view. (If 
the bowl had been full of water, you'd 
need to flip this vertically to simulate 
the solid lens refraction.) 


Dragging the slider produces a 

hard cutoff as pixels darker than 
(in this case) 173 are hidden. That black 
slider is actually two sliders pinned 
together: to split them, hold down 
€ and drag on the right half of the 
slider. When this is pulled all the way 
over to the right, any pixels whose 
brightness values are higher than 243 
(in this instance) are fully visible; those 
pixels whose brightness values lie 
between the two sliders fade gradually 
from fully opaque to fully transparent. 


Turn on the vase layer so it's 
5 visible again, and create a layer 
mask. Using a large soft-edged brush, 
paint out the interior of the bowl so 
that the background becomes visible. 


Using Blending Options in this way 

to hide and show areas of a layer 
selectively is an extremely powerful 
tool: find out more about how it works 
in Chapter 2, Hiding and Showing. 

As a final touch, the refracted 
background seen through the vase has 
been given a blue-green tint using the 
Color Balance dialog; | also painted out 
some of the stem on the layer mask to 
make it partially transparent. 
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: Spherizing 

: works well 

; with spherical 

: objects, as you'd 
: expect. But if 

: you want to 

: distort the view 
: seen through a 
: cylinder, such 

; as a glass wine 
: bottle, you 

: can still use 

; the Spherize 

: filter; this time, 
: though, change 
: the mode of 

: the filter from 

: Normal to 

: Horizontal Only 
: in the filter's 


: dialog box. 
: MAC) WIN [60TH] 
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Shiny surface 


Glass: reflection 


REATING REFLECTIONS 
in floors is easy to do, 


and can - with a little care 
- result in the kind of shiny, 
perfect reflection that looks 
like it was created in a 3D 
modeling program. 

Here, we'll look at how 
to turn the dull floor we 
started off with into a highly 
reflective, polished surface. 


1 This montage consists of two 
elements so far: the clouds and the 


: grid floor. The first step is to adjust the 
: color of the floor so that it more closely 
: matches the colors of the sky. 


The reflection of the sky in the 

floor is made by duplicating the 
sky layer, flipping it vertically and 
grouping it with the floor. With its 
opacity set to 30%, we can see the 
floor through it - but it looks rather 
dull. 


: 6 Adding this angled frame will 


present a different kind of 


: reflection problem. First, though, we 
: need to mask the woman's legs so that 
f she's stepping through the frame. 


Create a layer mask for the 
woman, and load the frame's area 
into it by holding E3 @Ð and clicking 
on the thumbnail; then hold 9E 
ij as you draw a marquee 
to limit the selection. Fill the mask 
selection with black to hide the leg. 


Changing the reflected sky's layer 
mode to Hard Light makes its 
reflection that much more punchy. This 
mode allows the light and dark in the 
underlying layer to show through, as 
in the highlights and shadows on the 

cracks. 


Simply flipping the frame to 
8 create its reflection clearly doesn't 
work: it ends up at completely the 
wrong angle. The solution is to use 
Free Transform to shear the reflection 
so that its top edge aligns with the 
bottom edge of the original frame. 


This figure is walking parallel to 

the horizon, and so presents no 
problem when making the reflection. 
When the object to be reflected lies at 
an angle it gets more complicated, as 
we'll see later. 


To perform the shear, first use 
CDO to access Free 
Transform, then hold 
ic while dragging a side handle 
(adding the key constrains the 
movement to purely vertical). 


5 Once again, the reflected figure 
is lowered in opacity: this time, 


however, the reflection is set to Overlay : 
; shown here 

: really only 

: works for flat 

: objects (such as 
: the frame) or 

: those parallel 

: to the surface 

: (the woman). 

: To reflect more 

: complex objects, 
: you'll need to 

: break them 

: up into their 

: component 

: parts and 

: distort each one 
: individually. It 

: can be done, 

: but it's not a job 
: for the faint- 


mode, which produces a softer and less 
dramatic result. 


Now we need to delete (or 
10 mask) those parts of the 
reflected frame and woman that 
intersect, in the same way as before. 
Also, the cloud reflection needs to be 
hidden behind the frame and woman 
reflections. 


: 


The technique 


: hearted. 
(MACI WIN [BoTH] 
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BOTTLE IMAGE: HEMERA PHOTO OBJECTS 
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HE MONTAGE ABOVE 

shows noted art collector 
Charles Saatchi in one of the 
Damian Hirst boxes that make 
up part of his collection, and 
was commissioned by the 
Sunday Times magazine. 

Putting things in glass 

boxes, jars and bottles is 
a fairly straightforward 
technique: the trick lies in 
reproducing the surface of 
the glass, complete with its 
reflections and refraction, to 
make it appear as if the object 
in question is really sitting 


inside it. Here, we'll look at the : 


procedure involved. 


: 1 Our glass bottle was originally a 


much taller and thinner object. It 


: was simply scaled using Free Transform 
: to make it fit the shape of the object 

: we want to place inside it. Most 

: containers are as adaptable as this one: 
: everything scales in proportion, so the 

: end result still looks plausible. 


To make the brain look like it's 


: floating, we need a medium for 

: it to float in. On a new layer, draw a 

: shape that fits the sides and bottom of 
: the bottle, remembering to draw the 

: surface in perspective, and fill with the 
: color of your choice. The top surface is 
: brightened with the Curves dialog. 


Since the bottle was too dark 

for our purposes, it had to be 
brightened up - | used the Curves 
dialog, but Brightness/Contrast would 
have done the job as well. Some of that 
strong green hue was knocked out with 
Hue/Saturation. 


Changing the mode of this layer, 
7 as well, to Hard Light not only 
makes it look as if it's inside the bottle, 
but makes the brain look much more 
like it's floating in a supportive liquid. 
I've chosen to leave part of the brain 
sticking out to accentuate the overall 
effect. 


Now for our brain (well, what else 
would you expect me to stick in 
a bottle). Placed on top of the bottle, 
it looks totally unrealistic; there's no 
sense here that it lives inside the glass, 
and looks as if it's sitting in front of it 
(which it is). 


To make the ensemble more 
4 convincing, we'll begin by 
duplicating the bottle. Bring this copy 
to the top of the layer stack, and knock 
all the color out by desaturating it 
using CDGZ7@. As it 


stands, we can't see through it. 


To make the surface of the brain 
8 stick out, add a new layer mask 
to the liquid layer and paint around 
the contours of the brain so it looks 
as though it's poking out through the 
surface. Use a fairly hard-edged brush 
to get the most realistic effect. 


All very well so far - but we need 

to remember that the liquid will 
distort as well as color the object inside 
it. Here, I've duplicated the brain and 
applied a horizontal-only Spherize 
to it, then added a layer mask to the 
distorted version so that it only shows 
up where it's beneath the liquid. 


: Step 10 involves 
: matching a 

: layer mask to 

: fit two different 
: layers. First, 

: load up the 

: distorted brain 


PEE EANA : area by holding 
Easily fixed: we simply change the : EM and 


mode of the layer from Normal 
to Hard Light, and we can see through 
it. Already, the brain is looking like it's 
inside. The new Hard Light layer has 
also affected the rest of the bottle, but 
we can sort that out later. 


: clicking on that 
: layer's name 

: in the Layers 

: palette. We 

: want to subtract 
: the mask from 

: the brain layer, 

: so hold 
: ctrl | Shift and 

: click on the 

: brain layer's 

: mask icon. 

: Now, to add 

: the area of the 

: original brain, 

: hold G3 GD 
: again and click 
: on that layer's 

: icon. Now, 

: on the Hard 

: Light bottle 

: layer, choose 

: Add Layer 

: Mask - Reveal 

: Selection to see 
: the result. 


Finally, we can apply the f 

1 0) original Hard Light bottle layer : 

just to the brain. But there are two : 
versions of the brain, so we can't just 

group them; instead, we need to make : 

a layer mask. See the Hot Tip for a good : 


way of making a layer mask to match : ar 
Aa MAC] WIN | BOTH) 
multiple layers. : 
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Reflecting on fashion 


# Each element in this montage is on a separate layer 
: 1 - vital if we're going to make this sort of reflection 
: work. The two Lens Flare effects were created on solid black 
: layers set to Screen mode, so they could be moved around 
: afterwards 


A g 


| A 
| | J HEN THE GUARDIAN sent their 


y f 
We | Y 
Y Y F science correspondent to review the 


Paris fashion shows (I still haven't worked out 
why) they needed a cover showing a scientist : 
examining a catwalk model. Turning the catwalk : 
from a simple surface into a shiny, reflective : 
one made this illustration come alive. 

As a footnote, the science correspondent 
decided he didn't want his image used in this 
way. Could | turn him around so we could only 
see the back of his head? With only 40 minutes 
left until the press deadline, it was impossible 
to start again - so the illustration was spiked. 


: A To create the reflections of the front row journalists, 
; 4 each one was copied and flipped individually, and 

A : A : arranged to follow the perspective; the overlap on each from 
sometimes even the most painstaking work : the one in front was hidden with a layer mask. 


ends up in the trash. 


a The reflection of the row of lights up the side of the a The reflection of the model couldn't be simpler: | just 


L catwalk was created simply by duplicating the lights < flipped the original and lowered its opacity. But because 
layer, moving it behind the lights and lowering the opacity. the forward shoe was viewed from above in the original, | 
No need to flip them: one side of a disk is pretty much the had to select that area in the reflection and nudge it down 
same as the other. slightly. 


ff One of the Lens Flare layers, flipped and grouped with f> The interest comes when that Lens Flare reflection is 


J the catwalk, adds useful random reflections to the 0 increased in strength to 70% opacity. Now, the catwalk 
otherwise plastic surface. At 30% opacity in Hard Light surface takes on a burnished metal appearance, and looks 
mode, the catwalk is still basically white. altogether more appetizing. 


: Sometimes 

: you can simply 

: flip an object 

: to create its 

: reflection; with 
: a group, such as 
: the front row of 
: journalists set at 
: an angle to the 
: surface, you'll 

: need to create 

: the reflection 

: of each one 

: individually. 

: Always keep 

: those document 
: layers intact! 


Glass: putting it all together — 


OW THAT WE'VE LOOKED at different 
ways of rendering glass, let's finish 
off this chapter by putting several of those 
elements together. Starting off with the simple 
montage above, we'll use the techniques 
covered in this chapter to glaze everything in 
sight. 

To begin with, the bottle is only a shaped 
outline: we'll create this (as well as the rest of 
the glass) directly in Photoshop. The end result, 
on the opposite page, shows off our glazing 
efforts to their best advantage. 


: 1 The first step is to glaze the window. This is achieved 


: using the techniques discussed in the section Getting 

: the Glazing Bug: first, a cloudscape is placed behind the 

: window frame and set to 40% opacity, then, on a new layer, 
: diagonal white brushstrokes are added to brighten the edges 
: of the glazing. This technique is clearly a lot simpler if the 

: window frame and the room interior are on separate layers. 


: The outline of the bottle is 
: drawn with the Pen tool, 
: and filled with mid gray. 


Shading is added using 
Dodge and Burn tools to 
simulate lighting. 


The bottle (below) was drawn using the Plastic Wrap 

technique explained in the section Miracle Wrap; the 
refractive effect was created using the method shown in the 
section Glass Refraction. Because this bottle is not spherical, 
the Spherizing of the background was performed in two 
stages - one for the neck, and one for the bowl. The steps 


used to draw the bottle are outlined below. 


Plastic Wrap adds the 
glass effect; with nothing 
reflected, it's unconvincing. 


Increasing the contrast 
helps; the green color is 
added afterwards. 


The table was drawn directly in Photoshop, using the 

Dodge and Burn tools to create the highlights. To make 
the surface transparent, that section was cut to a new layer 
and its opacity reduced. The reflections of the bottle and 
window in the table used the techniques described in the 
section Glass Reflections; the reflection in the greenhouse 
needed perspective distortion to achieve the correct angles. 


With the layer mask painted 
in, the refracted background 


becomes visible. 


The original bottle is copied 
over the top, and Blending 


Options applied. 


: You can always 
: photograph a 

: bottle or glass 

: rather than 

: drawing it 

: from scratch. 

: The choice of 

: background is 

: critical: you 

: need something 
: bright enough 

: for the glass 

: to be visible, 

: but must 

: make sure the 

: lighting doesn't 
: cast shadows 

: on it. It's also 

: important to 

: avoid reflections 
: in the surface, 

: unless you 

: want to end 

: up in your own 
: montages. 
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: # This photograph was taken with a digital camera 

; l through the window of a broken-down seaside theatre. 

( : | couldn't use a flash, or | would have lost the grime on the 
|: windows; so the rest of the walls were in darkness. 


H 


N . 

a A N N LTHOUGH SO FAR IN THIS CHAPTER : A With all the transparent window selected, either delete 
/ : F it or make a layer mask and hide it. Note how the grime 
: itself, not selected by the Select Color process, remains 
creating windows from scratch, there are times apparently hanging in mid-air. 


y 


i Uwe ‘ve dealt mainly with the technique of : 


when the texture of real broken glass is simply 
impossible to improve upon. 

That said, photographing a scene through 
such a window presents a technical nightmare 
for the photographer. To attempt to light 
the interior of the building, the glass and 
the view beyond for a single shot would take 
photographic expertise beyond the reach of 


most of us. The solution? To cheat, of course. 


The only tricky part is to make the glass look as 


convincing as possible, which means treating : =y Before we address the opacity of the windows, we need 
: Å to delete the broken panes. This is best done using the 
: Lasso tool, with the EY) key held down to constrain it 


the effects together to get a good result. : to drawing straight lines. Take out each pane in turn. 


it in a number of different ways and adding all 


eee eee 


gers yer jacet Ny” (ee fail. reat” a S | pI kD eee aden R ee 
ja TN Jina Aa tea ela A 
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2 Before enhancing the image, duplicate the background A The easiest way to select the windows is to use the 

L layer - we'll need the original later on (but hide it for J Color Range dialog, and click on a pure white area. This 
now). Adjust the brightness and contrast using the Curves will select the totally transparent regions, leaving the grimy 
diaog: a lot of the lost detail can be recovered. parts alone - and this is what we want. 


HOTTIP | 
: In the final two 
: steps of this 
: workthrough we 
T : used duplicate 
5 a a $ : copies of the 
ia mie xX $ : same layer, one 
IEY RE | KAEA : set to Screen 
RDI a ee am | : and the other 
PAY ENE y : set to Hard 
ny, È Light. This 
: technique of 
: using multiple 


fr In order to work on the windows further, we need G Now show the hidden, original background again, which : eones isa 
o) to add a new background. This sunset was, in fact, O should now be positioned behind the version we were : ne ene ae 
photographed further down the same beach, and so belongs working on. We can now see the original windows (and : it allows the 


properly to the scene. background) through the panes we deleted. : strengths of 


: each mode to 

: be added to 

: the strength of 
: another. Don't 

: feel you have to 
: make a single 

: layer do all the 
: work when two 
: can do the job 

: better. 


© So that we can see through the new glass, we need to 9 Duplicate the layer and change its mode to Hard Light, 


re) change its layer mode. Changing the mode to Screen which adds detail and texture. You may find now that 
is the obvious choice, as it makes the glass transparent; but the overall effect is too bright; a simple solution is to reduce 
the result is, overall, a little too subdued. the strength of the Screen layer to 50% opacity. 
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Photoshop Actions 


THE ACTIONS PALETTE in Photoshop is a feature that most users tend to 
ignore, and when you look at the Actions shipped with the program it’s hardly 
surprising. They allow you to perform such sequences as generating plastic- 
looking wood frames, creating dodgy reflections of type on water and filling the 
screen with molten lead. Which are hardly the sort of everyday tasks that make 
you want to explore the system further. 

But Actions are capable of far more than building questionable special 
effects. At their basic level, Actions can be used simply to create keyboard 
shortcuts for tasks that would otherwise have you reaching for the menu 
bar. I’ve created Actions to bring up the Image Size dialog, the Canvas Size 
dialog and the Layers palette. I’ve also defined Actions to perform a Purge All 
command without asking me if I’m sure (of course I’m sure, that’s why I chose 
it), to inverse the current selection (assigned to F1 - it only needs one hand, 
unlike Shift Command/Control I) and to turn a saved path into a selection. This 
last Action only works when the specified path is named Path 1; so I defined 
another Action to take the path I’ve just drawn, save it as Path 1, and then 
make it into a selection. That way, when I reopen the document I know I'll be 
able to load the path instantly. 

Creating your own Actions is easy: simply choose New Action from the 
palette, choose a name and shortcut for it, then go ahead and act out the task 
you want it to do. Every step will be recorded as you go; at the end, press the 
Stop button and your Action will be saved. You can build in commands to 
make the Action pause for any variables you might need; and while you can’t 
add menu choices while recording an Action in real time, you can add them 
afterwards by choosing Add Menu Item from the pop-up menu. 

Actions can do far more, of course, than simply replicating menu 
commands. Among the Actions I use regularly are one to load a layer’s 
transparency as a selection instead of having to Command/Control-click in the 
Layers palette - and this works even when the Layers palette is hidden. 
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Click here to build a ‘stop’ into the Action: ESSO | 


this one will simply open the Canvas Size Jactis oo ë 


dialog, then wait for me to enter my figures 


This is the Action name 
Every step is detailed here Set Selection 


To: transparency channel 


Contract 


By: 1 pixels 
Inverse 


You can build an Action to 
automate just about any sequence of 
events. One task I perform regularly 


is to delete a 1-pixel edge around 

a cutout object, which I find more 
satisfactory than either the Defringe 
or Remove White Matte commands (see the section Losing the Edge in Chapter 

1 for my reasons why). This works as follows: first, the transparency of the 
layer is loaded up; then the selection is contracted by 1 pixel, which was chosen 
from the Select/Modify menu; then the selection is inversed, so everything else 
is selected; and then the outside area is deleted. Finally, the selection edges are 
hidden so that I can see if the result works: but it isn’t deselected, so I can undo 
the deletion if I want to. This is the Action shown above. 

The most complex Action I use is to create new eyes for the celebrities and 
politicians I use in my montages. I have to outline the eyes with the Pen tool 
first, but then I simply press a key and the following sequence happens: a new 
layer is created, named Eyeball, and the eye region filled with white. At this 
point I’ve built a Stop feature into the Action, so that it asks me for the feather 
radius I want to apply: I enter a value based on the size of the eyes in question. 
The Action then continues, locking the transparency of the layer and inversing 
the selection, then filling the feathered edge with an appropriate brown 
shading; it then opens the file Eye (an image of a pupil), copies it and pastes it 
into the document. This new layer is named Eye and is grouped with the Eyeball 
layer so it only shows up where it overlaps it, and finally the mode of the new 
layer is set to Multiply so that the shading on the Eyeball layer shows through. 
And all this is accomplished in a few seconds. 

One final word of advice: export your Actions (there’s an option in the 
palette) every time you modify them. Otherwise, if your computer crashes, you'll 
lose the Action you've just defined. 
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178 Instant metal with Curves 
180 Metal with Adjustment Layers 


A 182 Metal with Layer Styles 


, wg D 184 Metal with Lighting Effects 


186 More on Lighting Effects 
188 Rust, grime and decay 
190 Embossing with EyeCandy 

192 Reflection on a knife edge 

194 Photographing shiny objects 
The art of wood turning 
Making a better impression 
Timber floors with varnish 
The philosopher's stone 
Carving words in stone 


INTERLUDE: The point of illustration 


method so that the contours of the underlying object 
show through. 


Reflective surfaces, such as metal, require special 
treatment: unlike wood or stone, you can't simply place 
a scan of a piece of metal on top. But the technique is 
easy to grasp and, once you get the hang of it, easy to 
reproduce. 


In this chapter we'll also look at different ways of making 
lettering appear to be cast in the surface of a variety of 
materials. 


Metal, wood and stone 


á 


Begin by opening the Curves 


dialog using and 
: click near the left-hand side of the 
: diagonal line: drag vertically upwards 


: 3 Now click again, further along the 
: curve, and drag up again to make 
: the high point for the next step. Once 


HE SIMPLEST WAY to create an instant metallic effect is 
to use the Curves dialog. Metal differs from non-reflective 


surfaces in that it reflects the light in unpredictable ways: the 

light and shade aren't simply created by a single light source, but : 

vary across the surface of the object. : 
We can simulate the effect of metal by drawing a stepped 

curve that reproduces the way metal reflects the light. On the 


following pages we'll look in more detail at how to get the best 
out of this technique; here, we'll simply turn this dull plastic 


Click further along the curve once 
: more, and drag upwards to make 
monitor into a chrome-plated version. : the high point for the final step. At this 
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to make this steep curve. The image Now click a little further along more contrasted. So far, we've created 
will appear very washed out at this the curve, and drag downwards the first of what will become three 
stage, but it's just the initial step — it as shown in the dialog. This will now peaks; we'll go on to build the other 
will all make sense later. make the image very much darker and two to make the metallic effect work. 


: Using the Curves 
: dialog to create 
: metallic effects 
: in this way can 

: have unwanted 
: results - in 

: particular, it 

: can create hard, 
: pixelated lines 

: around regions 
: of high contrast 


again the image will appear washed Click further along, and drag down to look far more shiny; but it still looks : m 
out: but the data is all still there, and to complete the second step of our like it's made of plastic rather than : on the original 
we can continue to manipulate it. staircase. Now the image is beginning metal. : object. To 
: remove these, 
: use a small 


: History brush to 
paint back the 

: original image 

: where it looks 

: too harsh. 


cap 
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stage, we can begin to see the metallic 6 Finally, click in the middle of the the effect, and that dull metal monitor 
effect taking shape, although the remaining part of the curve, and looks like it's made of gleaming 
image still looks too bright. drag downwards. Now we've completed chrome. 
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REATING METALLIC EFFECTS using the 

Curves technique described on the 
previous pages works fine, but gives us little 
control over the result. It's far better to draw 
the Curves on an Adjustment Layer: not only 
can we mask and change the mode of the 
effect, we can always go back and change the 
shape of the curve at any time. Here, we'll use 
this system to make our plastic Dalek look more 
like the real thing. 


This original Dalek model has been painted 
1 using what the tin claimed was a metallic 
paint. But when it was photographed, the result 
looked dull and lifeless. We can use Curves again 
to bring the shininess back. 


: 4 As expected, the Curves effect has produced some harsh 


pixellation. But because we applied it on an Adjustment 


: Layer, we can modify the target layer to fix the problem. 
: After locking the transparency of the Dalek using @@, apply 
: a small amount of Gaussian Blur (a 1-pixel radius maximum). 


Create a new Curves Adjustment Layer by selecting 

it from the pop-up menu at the bottom of the Layers 
palette, and draw the same curve as we used on the previous 
pages. Here's the problem: the Curves effect has altered the 
color component as well, resulting in an ugly rainbow effect. 


Because it's an Adjustment Layer, the problem is 
3 easily fixed. Simply change the layer mode (from the 
pop-up list at the top of the Layers palette) from Normal 
to Luminosity. Now, the Curves effect only affects the 
brightness and contrast of the underlying layer. 


Each Adjustment Layer comes with its own mask, which 

works precisely like a standard layer mask. We can use 
this to paint out the Curves effect on unwanted areas - the 
end of the suction cup, the orange light and the highlights in 
the black hemispheres on the Dalek's body. 


The skirt still looked rather dull and lifeless. Easily 
6 remedied: we simply use the Burn tool to add a little 
shading to that area. Because we're looking through the 
Adjustment Layer, we can see the effect of the Curves as we 
paint with this tool. 


: The edges of 

: layers can often 
£ look highly 

: pixelated when 
: a stepped 

: Curves effect 

: is applied. To 

: get rid of this 

: unwanted noise, 
: simply group 

: the Adjustment 
: Layer with the 
: target layer 

: and most of 

: the noise will 

: disappear. Any 
: extra noise 

: can be painted 
: out on the 

: Adjustment 

: Layer's mask. 
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Metal, wood and stone 


AKING CONVINCING METAL TEXT IS 

often seen as a kind of Holy Grail 
among Photoshop artists. Here, we'll look at 
how to make metal with Layer Styles alone. 
The advantage of this method is that the text 
remains editable; and the style itself can easily 
be adapted to suit any purpose. 

If this process seems a little long-winded, 
you can always cheat - after all, that's what 
this book is all about. I've included this style on 
the CD that accompanies this book, so you can 
just load it up into your copy of Photoshop and 
start using it straight away. 


To give some sheen to the inside of the lettering, click 

the Satin tab and apply a bowl-like contour. You'll need 
to experiment with the distance and size to get the right 
combination, so just drag the sliders until it looks right. 
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1 Begin by creating your base layer - in this case, it's 
live text. Open the Layer Style dialog and add an Inner 


: Bevel, sized to suit your artwork. I've also added a drop 
: shadow for a more three-dimensional effect. 


Tense Name: [Custom ie) 


Minn 
cau Gradiant Type: | Solid IP) 
| oretient Orertey | Smoothness: [100 Fx 


Pazen Ouertty 
z e e 


To apply a gold color, we'll make a new gradient. Click 
5 on the Gradient Overlay section, and make a subtle 
gradient of alternating bars of light and dark yellow to 
complete our gold effect. 
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Now to liven it up. In the Shading section of Bevel and 

Emboss, click on the Gloss Contour icon and change it 
to a bumpy map such as this one, which adds sparkle to the 
lettering's bevel. 


To turn the gold into silver, add a Color Overlay. Go to 

the blue section of the spectrum, and choose a gray 
with only the smallest hint of blue in it to avoid too much 
color creeping in. 


Next, we're going to add some reflection to those 

bevels. Click on the Contour section, and use the pop-up 
Contour icon to choose this sort of shape for our curve. That 
plastic image is beginning to look more like metal. 


Because we're working with live text, we can change 

the lettering or font as we need to. Here, I've also 
increased the size of the bevel to make the lettering look 
lumpier; the choice is up to you. 


wwe Iii 


: You'll find the 

: metal style in 

: the CD folder 

: for this chapter, 
: called Cheat 

: Metal.asl. Use 

: Photoshop's 

: Preset Manager 
: to load this 

: style, and it will 
: appear in your 

: Styles palette. 

: It's preset for 

: silver, as in 

: step 6; to turn 

: this to gold, 


uncheck the 
Color Overlay 
component 

in the Layers 
palette. Note 
that you'll 
almost certainly 
have to adjust 
the Bevel size, 


: as in step 7, to 

: suit the size and 
: resolution of 

: the illustration 
: you're working 
: on. 
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Metal with Lighting Effects 
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"COOLEEE 
* we 


ee 


—— 
oy 


q First make a new Alpha channel by clicking the icon 
: l at the bottom of the Channels palette. Since Lighting 
: Effects only works in RGB, this will be Channel 4; its default 
: name is Alpha 1. All the elements can be drawn directly on 
: the channel, although you'd find it easier to create them 
: as standard layers and then paste a merged copy into the 
: channel afterwards. A faint application of the Clouds filter 
: has been added to the background disc, as we'll see later. 


| | 
Í HE LIGHTING EFFECTS FILTER is a useful 


| tool for adding light and shade to an 


image: simply point the spotlights where 

you want them and adjust the settings. But 
the hidden function of Lighting Effects is its 
ability to use Alpha channels as bump maps to 
simulate three-dimensional images. 

An Alpha channel is an additional channel 
(in addition to Red, Green and Blue) that 
Photoshop uses to store selection data. Some 
image libraries distribute CDs with their cutout 


information stored as Alpha channels rather 


than paths, because the channels can include 


transparency and fuzzy edges rather than just 


Here's the result of applying the filter to our Alpha 

: ST channel: those simple shapes and letterforms now look 
: convincingly three-dimensional. Notice the difference in 

: texture between the flat vertical bars and the background 

: of the coin, to which the Clouds filter had been applied: this 
: filter prevents large flat areas from looking too shiny and 

: synthetic. 


hard outlines. : A 
The illustration above accompanied an article 
for PC Pro magazine about the man who 
invented the mouse: the graphic border was 
produced using the method shown here. 
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The next step is to blur the Alpha channel. This is 
2 necessary to prevent the final image showing hard edges 
around the contrasted elements; on the next page, we'll look 
in more detail at the effect of applying different amounts of 
blur to a bump map image. Now go back to the main RGB 
channels (you can use D), create a new layer 
and fill the disc area with white - Lighting Effects won't 
work on an empty selection. 


„Light Type: | Spotlight | 
Yon 


Intensity: 


Ambiance: 


Texture Channel: | Alpha 1 
E White is high 


Open the Lighting Effects dialog, and specify the 
3 channel Alpha 1 from the Texture Channel pop-up list 
at the bottom of the dialog window. The default setting is 
White is High, which means that lighter areas will appear 


more raised than dark areas; | find it easier to work the other 5 


way around, so uncheck this box. Adjust the settings using 
the sliders until you get a clear effect with no burned-out 
hotspots. 


Applying the same Curves technique as described on 

the previous pages brings out the shininess in our coin, 
making it look less like plastic and more like metal. That 
Clouds texture is also accentuated by the Curves process, 
giving the coin a pleasing battered effect. 


Since the elements were all created as separate layers, 
6 it's easy to select them by holding and clicking 
on each layer name in the Layers palette, holding as 
well to add new layer outlines to the selection. Now the 
selected areas can be recolored using Color Balance (or any 
of the other color tools) to make our coin come to life. 


: 


: Lighting Effects 
: only works on 

: RGB images, 

: so if you're 

: working in 

: CMYK you'll 

: need to convert 
: to RGB first. 

: Even if you're 

: creating a 

: black and white 
: illustration, 

: you'll have to 

: change it to 

: RGB to use 

: the filter, then 
: change back 

: to grayscale 

: afterwards. 
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More on Li ghting Effects 


LMOST ANY TEXTURE : When no blur is added to the Applying a 1-pixel radius Gaussian 


Alpha channel (above), the result Blur to the Alpha channel softens 
can be used as the ; after applying Lighting Effects (top) is the edges, and results in a far smoother 


basis for a Lighting Effects : harsh, with ragged, stepped edges. image after Lighting Effects is applied. 
operation, as is shown here: 
Clouds and Noise are just two 
ways of generating natural- 
looking surfaces. Notice, as 
well, how the simple repeated 
screw heads shown in the final 
example produce an array of 
screws that are all lit slightly 
differently as their distance 
from the virtual light source 
varies. 

The key to making artwork 
render well in Lighting Effects 
is to use just the right amount 


of blur on the Alpha channel 


that will be used as a texture : 6 The Clouds filter (above) produces 7 Because the Alpha channel 


map. So first, we'll look at a pleasingly random surface (top) stores sde dioni we can press 


: when used as the basis of a Lighting GGH MEDO to load up the 
how different amounts of blur : Effects channel. It's a useful way to lighter areas for us (top). We can now 
affect the final appearance of : create an instant stone effect, which recolor them, then inverse the selection 

> can be easily modified until it produces and recolor the rest to create a more 
the rendered artwork. : exactly the result you want. dynamic effect (above). 
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The greater the amount of blur, 

the more raised the result will 
be. Here, a 2-pixel blur results in a 
significantly taller object. 


Even the tiniest variations in shade 
8 can have dramatic effects. The 

2% Gaussian Noise (above) is too faint 
to be seen clearly here; but the result 
(top) is a grainy, textured surface. 


Increasing the blur to 4 pixels 
4 produces a result in which the 
edges thicken too much: this looks like 
it was cast from an old mold. 


Increasing the Gaussian Noise 
9 amount to 20% produces a far 
more striking result: here, we've 
produced a rough, stony surface in just 
a few seconds using this technique. 


An 8-pixel blur is clearly a blur too : 
far: Lighting Effects has trouble : 


making sense of this, and the result is 
merely fuzzy. 


: If you're not 

> sure how much 
: blur or noise 

: to apply, try 

> copying the 

: base artwork 

: and pasting it 

: into several new 
: Alpha channels. 
: Then, when 

> you open the 

: Lighting Effects 
: dialog, you'll be 
: able to choose 

: between them 

: from the pop-up 
: list to see which 
: one produces 

; the results you 

> want. 
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The screws around this 
10 perimeter were created by 
dabbing a soft brush once, then 
drawing a diagonal line across it. 
Because the letter M is brighter than 
the background, it appears to be 
recessed rather than raised. 
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Metal, wood and stone—— 


tust, grime and decay 


: 1 The first step, as always, is to blur the artwork after it's 
r . made into a new channel. Because our sign is supposed 
0 FAR, WE'VE LOOKED at ways of using : to be pressed out of a sheet of metal, we don't want too 

Lighting Effects to make bright, shiny : much variation in height: there are basically just two shades 
objects. But it can just as easily make metal nere; pice ond white: 
surfaces that look as if they've been knocking 


around for a few years. Making objects appear 


to be old and used can greatly add to the : 
realism of an illustration. : 
Starting with this simple sign, above, we'll run : 


Lighting Effects a couple of times and hopefully : 
end up with something that looks like it belongs : 
in the real world. : 


DO NOT ENTER 


: Now we'll return to our Alpha channel, and add some 

: 4 noise to it. This will form the basis for the rust, but we 

: don't need a lot of noise: as ever, a small change in a channel 
: makes a huge difference when Lighting Effects is applied. 

: Here, a Gaussian Noise amount of 6 has been used. 


E 


# Here's the result of applying the Lighting Effects filter 

& after the previous artwork was saved as a channel. So 

far, it looks more like plastic than metal; but since we want 
it to look painted rather than polished, we won't apply the 

Curves as in the previous examples. 


p On a new layer, the Lighting Effects filter is applied 

3J again. This time the result is tinted brown, once again 
using the Hue/Saturation dialog. There's no need to load up 
specific areas using the channels: we want to tint the entire 


image. 


e Because the channel that Lighting Effects used can also : H( 
) store selections, we can press 
to load up the white areas as a selection. This is tinted 


i À n , l : If you don't 
using Hue/Saturation; the selection is then inversed using : wartsait 
Shif i i : 
and the raised areas brightened up. rust anol 


: as extreme as 

: this example, 

: stop after step 

i 3 and create a 

: new layer, set to 
: Hard Light mode 
: and grouped 

: with the sign 

: layer. You can 

: now paint 

: on this layer 

: using oranges 

: and browns to 

> create rust-like 
: shading on the 

: layer beneath. 


Now it's just a matter of making a layer mask for the 
new brown layer, and painting it out selectively to reveal : 
the original sign beneath. After using the Brush tool to paint : 
out large areas, turn to the Smudge tool to fine-tune the 
result by smudging streaks of rust into the mask. 


l 


° Metal, wood an 


1 — 


Here's the original bottle, complete 2 The tube and logo were both 
with plastic tube. It would have cloned out, and the overall 


: been hugely difficult to erase the contrast increased to make the bottle 
: tube without damaging the logo; so | more appealing. | also added a slight 
: ignored the logo. red tint to the perfume inside. 


HEN PERFUME 


company Amouage 


wanted a new series of 
advertisements for their 
products, they had all the 
bottles photographed in a 
studio. But the photographer 
couldn't get the plastic tube 

out of the bottle without 
breaking the bottle; so | had to : 
remove it in Photoshop. : 


To get the metallic effect 
on the logo, | used the plug-in 
filter EyeCandy 4000, which 


A : The original logo was gold leaf 7 When the gold was put back into 
produces gleaming chrome. : 6 placed onto molded glass, so | position, | was able to reduce the 
You can read more about this : had to reproduce that effect too. The opacity of the glass embossing from its 
innovative and useful tool in : logo area was enlarged by a few pixels, original rather overstated appearance 

: smoothed and made into a new layer, to something that would look more 
Chapter 12, Carry on Spending. : then embossed using Layer Effects. plausible. 
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| redrew the Amouage logo in This logo was then brought into The logo was distorted on the ; HOT TIP 


Adobe Illustrator, using some flat Photoshop, and the EyeCandy bottle to fit the viewing angle of 
artwork as a template. Of course, I only 4000 Chrome filter was applied to get the original logo, and tinted so that it 
needed to redraw one half; the other the shiny effect. It's the fastest way of matched the color of the shiny gold lid 
was made simply by mirroring the first. making shiny metal that | know of. of the bottle. 


: If there's one 

: lesson to be 

: learnt from this 
: example, it's 

: that you don't 
: always have to 
; do things the 

> obvious way. 

: I spent a long 

: time trying 

> unsuccessfully 
: to remove 

: the tube from 

: around the 

: logo before | 

: realized that 

: | could simply 

: replace the 

: logo. The object 
: was to produce 
: a beautiful 

: and appealing 
: image, rather 

: than to show 


: photographic 
Although the bottles had been Matching the new perspectives The only element | took from ; truth: 
8 photographed from several angles, 9 of the front and side of the 10 the other photographs was 
| didn't want to have to go through bottle was easier than might have the lid: it would have been almost 
the clean-up process for each one. So | been expected: the reflections and impossible to make the existing lid fit : 
split the bottle into three components, refractions in the glass worked even the new perspective, given its complex | 
and distorted each separately. when distorted. geometry. 
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Reflection on a knife edge 


The knife blade and the handle were first drawn as two 
; separate layers, using the Pen tool to create the outlines. 
: The hole in the blade was made with the Elliptical Marquee. 


HE MOST ABSTRACT CONCEPTS are 


often the hardest ones to illustrate. This 


illustration for the Sunday Telegraph was 

After increasing the contrast on the blade, | selected 

: a band at the bottom with the Lasso tool and added 
directors of top companies were facing pay cuts. : strong shading with Dodge and Burn to make the knife edge. 


commissioned to accompany a feature on how 


Rather than going down the obvious, cartoony 
route of showing a miserable exec pulling out 

his empty pockets, the art editor came up with 
this idea of a sushi knife slicing through a pile 
of banknotes. 

The property that makes flat metal look 
metallic is the reflections seen in it: but here, | 
didn't want any extraneous elements to confuse : 
the issue. So the effect had to be created simply : 
using light and shade, with only the copied : 


banknotes making the reflection element. 


The banknotes were stacked up and shaded using the 
: techniques shown in the Lock and Load section of 
: Chapter 1, Natural Selection. 


srw ew Wwbrecorennrrr bt VY CVI 


Basic shading was added using the Dodge and Burn 3 The blade selection was loaded up by clicking 
tools; the strong diagonal slant gives the impression of on the layer name, and then nudged down and to the 


light on a reflecting surface. right; the inverse was shaded using Dodge and Burn again. The hardest 


: part of creating 
: this image was 
: making the 

: reflection of 

: the topmost 

: banknote marry 
: correctly with 

: the original: 

: because the 

: note had been 

: distorted, it 

: was difficult 

: to handle the 

: reflection. The 
: solution was to 
: cheat: different 


A new layer was filled with white, grouped with the The first of the banknotes was simply distorted using i : 
: bane j 5 a f > sections of 
blade and set to Multiply. The Noise filter was followed Free Transform so that it lay in a convincing perspective : the-reflection 
by vertical Motion Blur to make the brushed steel effect. across the knife blade. : A 
: were distorted 
: separately, 
: so that the 


: key elements 
: matched those 
: in the original 


: note. 
The top banknote was cut in half, stepped up, and the Copies of the top note and the sides were flipped and : SHORTCUTS 
process repeated each side of the blade: an additional distorted and then grouped with the blade, and their : 
couple of notes were distorted to fly up from the pile. opacity lowered so that they looked like dull reflections. : 
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Photographing shiny objects 


W W abouta lifelong socialist taking the 


decision to send their child to a private school, 

the cover image was a simple cutout of a boater 

- the kind of hat traditionally worn in selective 
girls’ schools. The following week, they countered 
with a story by a journalist who had recently taken 
his child out of the private sector, and decided to 
illustrate it with an image of the same boater being 
tossed into a trash can. 

Although this was in many ways an easy montage 
to create, the texture of the trash can was the 
hardest element to reproduce. Photographing shiny 
objects can be a test for even the most hardened 


photographers; there is a simpler method. 


— 


A When you photograph a metallic 
| or other shiny surface, the one 


: thing you can't do is use a flash: the 

: resulting glare would overwhelm the 

; image. Instead, | dragged this trash can 
: over to a window, holding the pedal 

: down with my foot while | leant back 

i and took the picture (memo: must 

: invest in a decent house brick). 


: 


m= Getting rid of the reflection of the 


: 3 carpet in the lid involved a couple 
: of stages. First, a new ‘mask’ layer was 
i made, drawn with the Pen tool to fit 

: exactly the shape of the inside of the 

: lid (minus the reflection of the can 

: itself). A copy of the blurred front was 
: then grouped with this mask layer, and 
: some Gaussian Blur applied to make 

: the reflection less sharp. 


#) Cutting the background out was 


I 


distracting elements. 


A> Placing the hat in the trash can 


a 


O was achieved by drawing a layer 
mask that exactly fitted the front 

of the can, up to the plastic rim. By 
clicking on the link between the hat 
and its mask in the Layers palette, 
the hat was separated from the 
mask, and so could be moved around 


independently. 


& an easy enough process using 

the Pen tool to draw a smooth path, 
and the image needed just a little 
brightening with Curves to lighten it 
up. But the reflection remained smeary, 
and showed my hallway and carpet 

all too clearly. For a perfect image, it 
was necessary to clean up all those 


#y The solution was to take a section 
w of the front of the can and make 
a new layer from it, and then apply 
Motion Blur to it. | then stretched the 
result until it was tall enough to cover 
the whole front of the can. By using 
the original as the basis for the blur, 

it was possible to keep the same color 
range as appeared in the rest of the 
object, so it would blend in well. 


=y Because the original hat had 

A been photographed the right way 
up, the light naturally fell on it from 
above. Turned upside down, the top 

- previously the brightest part - now 
had to be darkened up. Rather than 


using the Burn tool, | made an elliptical 
selection of the top and used Curves to 


darken just this section until it looked 
convincing. 


A The blurred texture was moved 

T into position, and a layer mask 
made so that it exactly fitted the front 
curve of the trash can. Because the 
can had been photographed slightly 
from above, it was necessary to apply 
a slight perspective transformation 
on the blur to make it taper towards 
the bottom. The result is a convincing 
brushed metal effect. 


© The reflection of the hat was 
added on top of a new mask, this 
time a copy of the entire inside of the 
lid. The hat was then masked where it 
would be hidden by the rim of the lid, 
and shading applied to it with the Burn 
tool. Finally, a third copy of the blurred 
front was placed above the reflected 
hat and grouped with the lid mask to 
dim the reflection slightly. 


: Rather than 

: using Motion 

: Blur to create 

: the brushed 

: metal effect, 

: it would have 

: been possible to 
: either draw the 
: surface from 

: scratch, or use 

: a photographed 
: section of a 

: shiny pole. But 
: although the 

: can's surface is, 
: in theory, just 

: black and white, 
: there's actually 
: a huge range 

: of colors that 

: define it. Using 
: a blurred copy 

: of the original 

: is the best way 
: to ensure that 

; the color range 
: matches the rest 
: of the can. 
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The art of woodturning 


LMOST ANY OBJECT can : 


\be turned into wood 
simply by wrapping a piece of 
wood around it and changing 
the layer mode so the original 
object shows through. Unlike 
other textures, though, wood 
has a grain which needs 
to follow the contours of 
the base object. To see how 
the bust was made, see The 
Philosopher's Stone later in 


this chapter. 


This plinth has been created using 
Adobe Dimensions, and imported 


: into Photoshop, For more about that 
: program see Chapter 10: The Third 
: Dimension. 


#y A scan of a piece of wood is placed 
& on top of the plinth layer, and 
grouped with it by pressing 

or by clicking the line between 
the layers in the Layers palette. 


: A> A new section of wood is taken 


J using a circular selection, which 


: is then rotated 90° and Spherized to 

: make it wrap around the base better. 

: The circle is then squeezed to make this 
: ellipse, which fits the base dimensions. 


=y This base section of wood is then 
A grouped with the plinth layer, and 
a new layer mask is added. We don't 
need to draw the mask again: simply 
duplicate and invert the mask that was 
created for the column layer. 


=) Now we need to make the base A Changing the layer mode to = Having the wood grain running : d 


layer show through, by changing “F Overlay produces a far better «J vertically is fine for the column, 
the layer mode using the pop-up menu result. We can clearly see all the but looks wrong on the capital and : Although we set 
at the top of the Layers palette. This is contours of the underlying object, base. Using the Pen tool, I've created a : the layer mode 
Multiply: it's far too dark. while maintaining the wood texture. layer mask to hide the top and bottom. : of the wood 


: layer to Overlay 
: in this instance, 
: it won't suit all 
: purposes; it all 
; depends on the 
: characteristics 

: of the base 

: layer, and the 

: texture and 

: grain of the 

: wood you're 

: using. Try Hard 
: Light and Soft 

: Light, as well 

: as Multiply, 

: to see which 

: produces the 

: best effect for 

: your artwork. 


© Once again, we set the mode of A To make the capital, we simply A All that's needed now is to add 

O this layer to Overlay. The Spherized J duplicate the base layer and then IXY a little extra shading beneath 

wood now fits the shape of the base unchain the link between the layer and the capital, and around the far side of 

perfectly; and because we inverted the its mask. We can then drag the wood the base of the plinth. This is painted : j TCUT! i 
column's layer mask, the two match ellipse up into place, and the layer directly onto the underlying plinth layer : 
together without a visible join. mask is already there for us. using the Burn tool. : 
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Í E CAN USE THE TEXTURE of a 

W wooden surface as the base for any 
artwork, turning a two-dimensional design into 
one that looks as if it's been carved in wood. 

In the example above, I've used the complex 
outlines of this coat of arms to create a solid- 
looking object. The original design for this crest 


was in black and white, so the embossing has to : 


do all the work. 


The Seal of the President of the United States, 


by contrast, has no interest in its outline - it's 
simply a round disk. Unlike the crest, it does 
have the advantage of color to create more 


interest, and we can make use of this. 


: ø This may be an accurate representation of the 


Í Presidential Seal, but as it stands it's hardly a beautiful 


: object in its own right. Let's take this flat artwork and make 
: ita little more attractive by embossing it. 


A Now that the seal detail is in our Alpha channel, we can 
: “F load it as a selection using ; the 

: brighter areas will be more fully selected than the dark areas. 
: Returning to the wooden disk, we can now make a new layer 
: from that selection using . This layer will 

: appear with the bevel from the disk applied: as it stands, it's 

: far too blobby. 


To begin, we'll take the same piece of wood as we p) 
=x used in the previous example. After stretching it so it 
covers the seal, hold and click on the seal's name 
in the Layers palette to load up its selection; then inverse 
the selection using and delete the 
outside. The bevel is applied using Layer Effects, with a 15- 
pixel bevel to give the disk a sense of three-dimensionality. 


Now we're going to turn the original seal into a 
selection. Copy it, then make a new Alpha channel 

by clicking on the icon at the bottom of the Channels 
palette; then paste the copy in place, where it will appear in 
grayscale. This can now be used as a workable selection. 


Double-click the layer effect in the Layers palette to 
aJ open the dialog, and change the numbers. Here I've 
increased the depth from the default 100% to 200% to make 
it stronger; but I've also reduced the bevel size to just three 
pixels, so that the detail remains crisp. Some of the detail 
has failed to appear after the selection process, such as the 
wings of the eagle; but the next step will fix that. 


fœ Finally, move the original seal layer to the top. We need 
to change its layer mode so that the wood and beveling 
show through. Once again, we have a choice of layer modes 
open to us: although Overlay worked on the example on the 
previous page, it's too strong here. Instead, I've opted for Soft : 
Light, which brings back much of the original color while 
retaining the subdued sense of stained wood. 


: When copying a 
: layer into a new 
: Alpha channel, 
: it's important 

: to make sure 

: the copied 

: version appears 
: in exactly the 

: same position 

: as the original. 
; The easiest way 


: is to hold 


and click on 


: the layer's name 
: to select its 

: outlines; then 
i copy, and with 
: the outlines 

: still selected, 

: paste onto a 

: new channel. 

: This method 

: will ensure the 
> positioning is 
: precise. 
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imber floors with varnish 


HAVE A CONFESSION to 


make: | only have one 


piece of wood. At least, there's 
only one piece | tend to use 
for all my wooden needs: it's 
this image of the back of an 
old pencil box | scanned in 
1989. You can still see the 
screw holes that held the base 
to the sides - it wasn't even 

a particularly sophisticated 
pencil box. The point is, 
though, that you really don't 
need a lumber yard full of 
different types of wood; as 
long as the piece you're using 
has a strong enough grain, it 
can be put to most purposes 


fairly well. 


To turn this piece of wood into 
a floor, the first step is to mark 


: out the planks. It's easiest to draw a 
: rectangular selection in QuickMask and 
: fill it, then copy it across: that way you 
: can be sure they're all the same size. 


Adding the nails is optional, 

: but can help with the sense of 

: flooring. On a new layer, make a small 
: circular selection, fill with a mid gray 
i and add a little shading to it; then 

: duplicate three times (you can see the 
: nails on the fifth plank from the left). 


Make a new layer from the 

selection. I've used the Bevel and 
Emboss section of Layer Styles to add 
the shading lines. Be sure to keep the 
Highlight value fairly low, or you'll find 
it too glaring when the floor is finished. 


Copy that group of nails to all the 

other wood joins by holding 

as you drag with the Move tool. 
Be sure to hold the mouse down within 
the nail area before dragging, or you'll 
create a new layer each time you drag. 
Finally, merge all the layers. 


Now inverse the selection, and 

make a new layer from the wood 
base: apply the same beveling by 
dragging the layer effect from the 
previous layer onto this one. Finally, flip 
the new layer vertically so the grain 
lines don't match up. 


Your floor is now ready to be inserted in whatever 
document you want. Use Free Transform to make it 
fit the space: hold down while 
dragging one of the top corner handles to create the 
perspective distortion. A floor like this can be made to fit in 
just about any space you want to fill. This wall, incidentally, 
was easily made using the Texturizer filter. 


Split one set of floorboards into 
irregular lengths by making 
rectangular selections, and make 
another new layer using 
; the bevel will automatically be 
applied to the new layer. 


Repeat the process for the other 
set of planks, and adjust the 
brightness of both to make more 


irregularity in the planks. : Applying a 


: perspective 

: distortion to the 
: wood necessarily 
: makes it 

: narrower at the 
; top than at the 
: bottom. If your 
: target image 

: is wider than 

: the original 
wood flooring, 
= ; duplicate the 

: layer and move 
: it horizontally so 
: the two overlap 
: by about an 

: inch; then make 
; a layer mask 

: to blur the join 

: lines and merge 
: the two layers 

: to make a floor 
: that's nearly 

: twice as wide. 


With the shading in place, the floor looks very much 

more realistic. Applying the varnish is far less messy 
than working with the real thing: simply make a reflected 
copy of whatever object you're placing on the floor, and 
set its Layer mode to Soft Light for that glossy appearance. 
For more on how to achieve this effect, see the reflection 
sections in Chapter 7, Shiny Surfaces. 
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Metal, wood and stone 


HEN THE 
INDEPENDENT 


newspaper wanted to run an 


article comparing ancient and 
modern philosphers, they had 
busts of the ancient Greeks 

- but only a photograph of 
contemporary philosopher 
Alain de Boton. It seemed 

like a good idea to turn 

him into stone to match his 
predecessors, and achieving 
the task in Photoshop was 
obviously going to be quicker 
and cheaper than finding a 
sculptor who could reproduce 
his likeness in marble in time 


for a 5pm deadline. 


Choosing the original photograph 
was the key to the success of this 


: project. | immediately rejected one 

: that showed the philosopher smiling: 

+ the ancient Greeks never bared their 

: teeth. This image showed the right sort 
: of side lighting, without any strong 

> shadows. 


The pupils were painted in by 
making elliptical selections within 


: the eyes, and using the Dodge and Burn 
:} tools once again to make them look 

: recessed. Care was taken here to make 
: the shading match the surrounding 

: area as closely as possible - the 

: shading had to be kept subtle. 


The first step was to cut out 
the head, and knock out the 
color using the Desaturate command 
CDE. | then copied 
a section of his forehead to get a 
suitable shade and texture, stretched it 
and cut it to the shape of his neck and 
shoulders. 


This scan of a chunk of marble 

would add both texture and color 
to our bust. Because the head and 
shoulders are two layers, | couldn't 
simply group the marble with the 
base; instead, | made a layer mask 
encompassing both the underlying 
layers. 


Carved hair is very different 

from the real thing, so | took 
another section of forehead and this 
time shaped it to cover the hair and 
eyebrows of the original. | also patched 
the forehead using the Clone tool to 
hide the stray hairs there. 


Multiply, Hard Light, Overlay and 

Soft Light modes would all have 
allowed the image to show through the 
marble. The choice is determined by 
each instance; in the end | chose Soft 
Light, reducing the opacity to 70% so 
that the strong texture in the marble 
didn't swamp the image. 
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Adding shading using the Dodge 
4 and Burn tools made the hair look 
carved in stone: | also added muscle 
lines to the neck. Remember you can 
temporarily access the Dodge tool 
while using Burn by holding 
as you paint. 


To strengthen the whole image, | 

made a new Adjustment Layer and 
increased the Contrast while reducing 
the Brightness. Adjustment Layers have 
the advantage of being editable later, 
which meant | could always remove it 
if it needed altering or wasn't working. 
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The eyes also needed painting 
5 out, again by cloning texture 
from the forehead; shading was added 
afterwards to make them look more 
three-dimensional. | also cloned over 
the lips at a low opacity to tone them 
down slightly. 


Although | wanted the bust 

10 to look like pale marble, it's 
just as easy to make it appear to be 
modeled out of granite or any darker 
material. Here, I've taken the same 
piece of marble and changed its 
mode to Multiply to get an altogether 
stronger effect. 


wey Di l O 


: 


: Figures carved 

: in stone show 

: light and dark 

: areas only where 
: these are caused 
: by direct light 

: and shadow: 

: unlike real 

: faces, there's 

: no variation in 

: skin tone or hair 
color. Highly 

: contrasted 

: original 

: photographs 

: don't work 

: well; you should 
; choose a fairly 

: evenly lit image 

: if possible, 

: adding extra 

: shading where 

: you want it 

: later. 


Am = SHORTCUTS 
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Carving words in stone 


oa 


a Sjn 


ø This piece of stone is nicely mossy at the bottom, and 
: will do perfectly as the basis for our grave. | tend to 
j | carry my digital camera with me whenever I'm likely to 
; stumble upon an interesting building or texture. 


HIS ILLUSTRATION WAS FOR THE COVER 

of the Sunday Times Magazine. The shape 
of the plinth was modeled in Dimensions (see 
Chapter 10), and the stone texture wrapped 
around it. The pigeon perched on the top is 
simply there to add a sense of scale. 

Carving text in stone is now easier than ever, 

thanks to the Emboss feature in Layer Styles. 
Here, we'll look at how to make a gravestone 


from scratch, in just a few simple steps. 


After creating your text, render it into a layer and then 
: “T distort it using Free Transform to match the perspective 
: of the tombstone. This text is loaded as a selection by 
clicking on its name in the Layers palette, and the 
: selection made into a new layer from the stone layer. 
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Photoshop 


Because we want this grave to be somewhat rough The same selection is copied from a different part of 
2 around the edges, draw the outline using the Lasso tool 3 the original stone material, and offset to make the 
to get the unevenness that couldn't be achieved with the Pen edge. Shading can be added using the Dodge and Burn tools, 
tool. This selection can then be made into a new layer using making it darker on the undersides of the edge, and lighter 


on the upper faces. 


: 


: Choose an 

> appropriate 

: typeface for 

: your lettering to 
: make the whole 
: effect more 

; convincing. Sans 
: serif lettering 

: is virtually 

: never used on 

: graves, for good 
: reason: it's the 

: serifs that are 

: carved first, and 
: which prevent 

: the stone from 

: splitting as the 
: thick letters 

: are incised. 

: This is, in fact, 

: the reason why 
: the ancients 

: invented serif 

: lettering in the 
: first place. 


5 After darkening the stone lettering slightly to make it When the background is added, it's simply a matter of 
stand out better, use Layer Styles to create the carved blending the stone into its surroundings. Darken the 
effect. Use Emboss rather than Bevel for this, as it makes a edge slightly, and add a shadow on the grass behind it; the 


more convincing carved effect; remember to set the position grass is brought in front of the base of the stone using the 
to be Down rather than Up, so it's lit from above. technique described in the Chapter 2, Hiding and Showing. 
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The point of illustration 


BRIEFS FOR ILLUSTRATIONS come in three basic varieties. There are those who 
will send you the copy for the article in question, and wait for you to come 

up with a visual idea to accompany it. There are art editors who will work out 
the idea on their own, get it passed by the editor, and sometimes even supply a 
rough sketch of what they want. And finally there are editors themselves, who 
will insist on the first idea that pops into their heads and expect it to be turned 
into a work of art. 

I have nothing against newspaper editors. Many of them are charming 
individuals who are great conversationalists and probably make outstanding 
parents. But they frequently lack the ability to think in visual terms. One of the 
illustrations I’m frequently asked to create is a montage showing a politician 
taking money out of someone’s pocket (this usually happens around budget 
time). I pause, take a deep breath and explain patiently that the problem is that 
newsprint technology has yet to embrace the wonders of animation. There’s no 
difference, in a still image, between a politician taking money out of someone’s 
pocket and putting money into it. This has to be explained with great tact, 
of course, since ultimately these are the people who pay for my children’s 
overpriced trainers. 

It comes down to a question of what’s desirable, what’s visually interesting 
and what’s humanly possible. The purpose of an illustration in a magazine 
or newspaper is to draw the reader into the piece and to make them want to 
read the article to which it’s attached. It should express the sense of the article 
without giving away the punchline, and without prejudging the issue (that’s 
best left to the journalist who wrote the story). An illustration in a printed 
publication is not a work of art; it’s an advertisement for the story, and its job 
is to sell the story to the reader. Sometimes - at the best of times - it can be 
a work overflowing with artistic integrity and perfect composition. But if it 
doesn’t relate to the story in question (and make that story seem interesting) 
then it’s failed to do its job. 


— AVAL FA O á a T 
r ECT EGOE TrA Y CY JIV wW 


Those taking up photomontage for the first time frequently fall into the 
trap of piling on evocative imagery in the hope that the result will be poignant. 
I’ve seen student artwork that incorporates a baby, a flaming pile of dollar 
bills, a nuclear explosion and a McDonald’s wrapper within one image. Look, 
they say, all human life is here: it must mean something. But this is the visual 
equivalent of Tchaikovsky’s 1812 overture with added reverb and a drum’n’bass 
backing: the cacophony simply prevents us from seeing the issues. 

Labeling, above all, is to be avoided at all costs. The days when you could 
depict Uncle Sam wearing a hat with Government printed on it rowing a boat 
labeled Economy while tipping out a handful of urchins labeled Unemployed 
rightfully died out in the early nineteenth century - and yet illustrators are still 
asked to label their artwork today. I nearly always refuse, unless the wording 
can be incorporated into the image in a meaningful way. The destruction of 
a building bearing the sign Internet Hotel seems, to me, to be a reasonable 
request; the sinking of a boat labeled Fair Deal does not. 

When you execute an original idea successfully, you can confidently 
expect to be asked to reproduce it within a few months. I’ve drawn cakes for 
the 20th birthday of Channel 4, the 10th birthday of Sky television, the carving 
up of Channel 4 and the first birthday of satellite channel E4 - all for the 
same newspaper. I’ve blown up computers, telephones, televisions and video 
recorders, and I’ve tattered the flags of at least half a dozen of the world’s top 
blue-chip companies. And I’ve completely lost count of the number of company 
logos I’ve pasted onto the backs of poker cards. 

The hard part is keeping each new version as fresh as the first. I’ve often 
made the mistake of assuming that readers will find the repetition of the same 
idea tedious: but it is a folly, for the stark truth is that readers of publications 
cast barely a glance at the image that an illustrator has sweated blood over. 
Illustration, for the most part, is simply the ephemeral wrapping that’s discarded 
once it’s done its job. 
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210 How to make a load of money 
212 Judging a book by its cover 
214 Paper: folding and crumpling 
216 Folds and wrinkles 
218 Ripping and tearing 
Making aged photographs 
Waving the flag 
Making custom fibers 
Ribbon and tape 


INTERLUDE: Upgrade and replace | 


making paper look like it's really made of paper, and that 
includes banknotes as well as letters and documents. 


The fabric section of this chapter covers clothes, flags 
and banners; all the objects that hang or flutter in an 


irregular manner. We'll examine the easiest way to make 

a flat, PostScript drawing of a flag look like the real thing 
fluttering in the breeze, using simple shading techniques 

combined with distortion filters. 


_ Undefined Areas: — 
| @ wrap Around | 
| © Repeat Edge Pixels | 


CANNING BANKNOTES : The Shear filter only works When you lirst open the Shear 
: horizontally, so before you apply it dialog, you'll see a straight line. 
is easy: you just lay : you need to rotate the artwork by 90°. Click in the middle of this line and 
them on a flatbed scanner : Increase the Canvas Size, if necessary, you Il create an anchor point: drag this 
: to allow extra space at the sides for the point, and you'll make a smooth curve 
(but watch out for copyright : image to distort into. that precisely bends the artwork. 


- some governments take a 
dim view of reproducing their 
currency). Making them look 
like they exist in the real world 
takes a little bit more effort. 

To add more interest and 
realism to banknotes, we can 


use the Shear filter to give 
them a bit of a twist. This 
useful filter makes objects 
ripple convincingly, adding a 
pleasing third dimension to 
otherwise flat artwork; when 
appropriate shading is added, 


a single banknote can be : 5 
made to look like a whole pile ; Repeating the Shear filter with be distorted into different forms. The 


' different settings can make the Shear filter is far more controllable 
f rate n . Here, we'll : ace 
Sep gate NOLES METE WE : banknote ripple in different ways. than the Wave filter, as it allows us to 
work on a 500 Euro note. : Here, two different applications of draw precisely the curve we want; and 
: the filter show how the same bill can the preview's large enough to see. 
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If you're working on an element 

within a larger montage, draw a 
marquee selection that encompasses 
the layer you want to work on, so the 
Shear filter only affects that area of 
the artwork. 


This illustration for the Sunday Telegraph was to 
6 accompany an article about the increased cost of 
motoring following a rise in the price of crude oil. The 
banknotes were all distorted using the Shear tool, as 
described here: those coming directly out of the pump's 


WI 


Shading added to the result, using 

the Burn tool, gives the sense of 
the sheared object being truly three- 
dimensional. Rather like those gestalt 
optical illusions, you can choose to see 
the image in one of two ways. The eye 


will interpret shaded areas as being 
recessed, and unshaded areas raised: 
so in the top example above, the 
raised ripple is on the left; in the lower 
example, it appears to be on the right. 
In fact, it's the same bill both times. 


spout were also sheared horizontally. Each note was 

then distorted using Free Transform to achieve a sense of 
perspective, and shading was added beneath each note to 
make it stand out from the note below. Adding the coins 
simply made the result look more dynamic. 


: You don't need 
: to apply the 

: Shear tool 

: separately for 

> every banknote 
: ina pile: 

: three or four 

: sheared versions 
: are usually 

: sufficient. 

: Distorting the 

: notes using Free 
: Transform will 

: be enough to 

: make them all 

; look different. 

: When you 

: combine several 
: notes in one 

: montage, add 

: shading using 

: the Burn tool 

: to enhance the 
: effect. 


IMAGE: STOCKBYTE 
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Judging a book by its cover 


SAVAGING 


P HEN AUTHOR SALMAN RUSHDIE 

' visited New York, he expected to 
be féted: instead, he was slated. For the story 
about his mishap in The Independent, | was 


asked to produce a book cover showing the 


headline for the article, in the style of Rushdie's 


latest volume. 
But hardback books are hard objects to 
photograph. Apart from the problem of getting 


the right angle, the close trimming of the paper : 


makes it look like a solid block rather than 
individual pages: so there was no option but to 
draw the book from scratch. And here's how it 
was done. 


The paper is created in the same way as the cards were 
i stacked up in Chapter 5. The difference here, of course, 


: is that the pages are stacked neatly rather than randomly: 
: select a shadowed page and then nudge it up and left a 

i couple of times with the cursor keys, holding to 
: make the copies. 


A copy of the cover is made, moved behind it and filled 


: “F with a dark blue. This is the edge of the board beneath 
: the paper wrapper: it's only just visible, but it makes the 

: difference between a paperback and a hardback. We'll use a 
: similar technique for creating the back cover. 


Hamana tr Chaat in Vawwatwuavala 
mh tw 9b py 
- a 


H P 


T 


sold my A < sold my 
pies but 2 . ma a but 
tept my AY, tept my 
Promises s Promises 
M: 


arianne de Vorce 


The cover is assembled using as many layers as required; 3 Shading on the edges of the cover helps to make it look : HOT TIP 


these are linked and made into a new layer set. as if it wraps around the hard boards. Using the Burn 


Duplicate this set and merge its contents; then distort the tool, click just above a corner, then hold and click at : Creating 
resulting composite layer to fit the shape of the book cover. the bottom of the same edge. A burn line will be drawn as a_: the cover as 
The reason for this seemingly tortuous route is that the straight line between the two click points. : a separate 
original cover is kept intact, so changes can be made later. : element is the 

: best way to 

: build a book 

: such as this. 

: Sometimes, 


: though, you 

: don't know one 
: element, such as 
: the title, before 
: you start. To 


A How J Z 5 x f : make it easy to 
sold my Al sold my p 4 : align new text 
i = 4 : : and objects 
S0. SO. k 
ul but LEG ul but : to the same 
kept my kept my : perspective, first 
Promises } Promises yo : An d 
: it to fit the 


Mz 


arianne de Yy; 


: cover; then it's 

: easy to align the 
: new objects with 
: that grid, which 
: can be hidden 


: afterwards. 
Now for the shadow of the cover cast on the pages. It's The final elements are added to complete the book: the : 
worth creating this as a separate layer, grouped with the back cover, the spine, and the flaps that tuck beneath 
paper layer: paint straight lines with the Brush tool, set to the board covers. I've also added some general shading SHORTCUTS 
a low opacity, in the same manner as outlined for the Burn to the cover using the Dodge and Burn tools to prevent it —— 


tool in step 3 above. looking too flat and two-dimensional. 
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HEN ART EDITORS 
are stuck for a 
visual idea, they fall back 
on a piece of paper with 
the concept written on it. 
An executive might hold a 
paper entitled Restructuring 
Proposal; a real estate agent 


might wield one with the word : 


Contract emblazoned on it in 
red ink. 

Whatever the wording on 
the paper, the last thing you 
want to do is to leave it as a 
flat sheet. Simply distorting 
it into perspective is rarely 
sufficient: this is paper, after 
all, and not a sheet of plastic; 
it bends, creases and deforms 
as it's handled. 

Here, we'll look at a 
couple of different paper 
treatments: a simple fold, and 
the crumpled effect seen on 
a piece of paper that's been 
stuffed in a back pocket for 
too long. 


: going to use a letter, you'll obviously 
: need some text on it. It doesn't usually in this chapter. When working on the 
: matter what this is, as long as it 

: doesn't begin Lorem Ipsum: readers 

: may not recognize the fake Latin text, 
: but the person who commissioned you 
: certainly will. 


: 6 To begin the Crumple effect, we'll 


: basic letter. This can be a confusing 

: filter at first glance, because there 

: appear to be so many variables: but 
: it's quite controllable. The number of 
: Generators determines the different 
: number of waves; set to 1, the effect 
: will be too regular and phoney. Because less extreme. 


Shyster & Shyster 


ATTORNEYS AT LAW 


forward implewestation of the latter, and 
Devetofore will be referred to by ali as 
the immediate im the presest.. 
Inasmuch as the data contained may be seen 
to be compliant with, or at least sot with Undefined Areas: 
contradiction to, yours as perforce remitted 
to this office, it remains sotwithatanding @ wrap Around 
to be seen how the effect will be duly 
R Py pre NUP ae FA AA © Repeat Edge Pixels 
Nevertheless, please take inte account the 
following recomendations: 
-—SOaoe......8. RG 

1. That henceforward your office shall sot 

secess, be kept informed of all sech mmm a ee 
2. Menmbile, we will continue these talks 

es and when deemed appropriate. 
3 to be 

be no resit due 


| 
: 
| 


Select just the top half of the 
letter and apply the Shear filter to 
it, using the technique described earlier 


1 Here's the business letter we'll use 
in both our examples. If you're 


top half of the paper, be sure not to 
move the anchor point at the bottom 
of the dialog box or the two halves will 
no longer match up. 


Wavelength: 136 | 
Í 


Amplitude: 5 


Undefined Areas: 


© Wrap Around 
@ Repeat Edge Pixels 


we want long, sweeping curves, raise 
the Wavelength levels: the higher the 
levels, the greater the length of each 
wave. You can use the Amplitude 
sliders to determine the wave height, 
but you'll get far more control by 
simply lowering the horizontal and 
vertical scale to make the wave effect 


use the Wave filter to distort the 


IVA TO \ 
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Shyster & Shyster Shyster & Shyster Shyster & 
ATTORNEYS AT LAW ATTORNEYS AT LAW ATTORNEYS AT LAW 

‘Dear Sirs, Dear Sirs, Dear Sirs 

With reference to yours of the third inst, With reference to yours of the third inst With reference to yours of the third inst 
let me make it clear that mine of the first let me make it clear that mine of the first let me sake it clear that mine of the first 
in no way mitigates against the straight- in no way mitigates against the straight- in no way mitigates against the straight~ 
forward implementation of the latter, and forward implementation of the latter, asd forward implementation of the latter, and 
heretofore will be referred to by all as heretofore will be referred to by all as heretofore will be referred to by all as 
the imediate in the present. the imediate in the present. the imediate in the presest. 

Inasmech as the data contained msy be seen Inasmech as the data costained may be seen Inasmech as the data costained may be seen 
a oF a- Iana mA SNA a a0 Sma aae eA to be compliant with, or at least not with 
contradiction yours perforce remitted contradiction yours (perforce remitted contradiction yours as perforce remitted 
to this office, remains sotwithstanding to this office, it remains notwithstanding to this office, remains sotwithstanding 
to be seen how the effect will be duly to be seen how the effect will be duly to be seen how the effect will be duly 
contained, coatained. coatained, 
Inasmuch as the date contained may be seen Inasmuch as the date contained may be seen Inasmuch as the date contained may be seen 
Mevertheless, please take inte account the Nevertheless, please take into account the Mevertheless, please take into account the 
following recomendations: following recommendations: following recommendations: 
i. That henceforward your office shall sot 1. That henceforward your office shall sot 1. That henceforward office shall not 
gecensarily be kept informed of all sech q be kept informed of all such ‘be hope informed ef all such 
2. Meambhile, we will continue these talks 2. Meamchile, we will coatinue these talks 2. Meamhile, we will continue these talks 
as and when deemed appropriate. as and when deemed appropriate. as and when deemed appropriate. 
3. Inasmuch this considered to be 3. A leare d m eeir e a 

ite, there be no resit due ite, there 1 be no remit due ite, there be no remit due 
il vesting day. vesting day. il vesting day. 


After applying the filter, leave 4 Now select the bottom half of the Now, with the bottom half : HOT TIP 


the top half of the paper selected paper, and apply the Shear filter distorted as well, add some : 

and use the Burn tool with a large, again. You'll need to click the Defaults shading to that half of the paper, again : Although real 
soft-edged brush to add gentle shading button to reset the tool to a vertical without deselecting it. You can also add : paper tends to 
above the crease line. Add a little more line; you can then add whatever a little shading elsewhere on the paper : be white, you'll 
where the paper turns away at the top distortions you want. to give the sense of a gentle ripple. : have a hard 
to give the impression of it bending : time working on 
over away from us. ; it if you leave 

: it pure white. 


: Lower the white 
: point of your 


: paper using 
: Curves or Levels 
sa : to just take 
poaae ; x aia : — 4 pam : the edge off 
' i Sryouners Fea ayaa eas i eben Ra i : the brightness, 
j i s : : and you'll find 
1 Bene step R : Bene sien Bear aise. : it far easier to 
' Nita reference to TP of the third inet, Mish referenc? lear that (the third ists wien reference to FOES Of the third inst, : 
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1 Sonal ee pevtorcercanituet cennrasienitt**c"renaas Bertorce ronirted eakraasetiet*ie"renayae Bertorce ceniteet : always paint 
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1 contained! one dota Sostaises” ono data a : highlights back 
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1O Ss) N d y “er er 
Wt EEEE ETE aE: ' 
7 Now use the Lasso tool to make Now use a large, soft brush with Now deselect, and use the Lasso 
irregular vertical selections. Don't the Burn tool to add the shading. tool once more to make a series 
make the lines dead straight: hold Keep the brush on the deselected side of horizontal selections. Use the Burn 
the key and click points at of the selection line, so that only the tool once more to add the new shading : 
intervals along the letter to make edge of the brush has an effect on within the selected area, once again : 
the tool draw straight selection lines the paper. Don't paint exactly along being careful not to overdo the effect. 
between each point you click. the lines, but fade off away from the : SHORTCUTS 
edges for an altogether more realistic : mmm 
a) MAC | WIN [BOTH 
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Paper and fabric 


Js wrinkles 


AAPPY NEW YEAR 


2004 


The original artwork was created on a rectangular 
banner, and the text layers were merged into it. This 
: banner was then rotated and curved slightly using the Shear 
: filter (see earlier in this chapter); Free Transform was then 


ABRIC NEVER HANGS STRAIGHT. It's the : used to make the bottom corners fall together slightly. 
folds, creases and wrinkles that give it its 


distinctive quality. But it's an appearance that's 


ARPPY NEW YEAR 


2004 


: Now for the shading. Use the Burn tool, and choose a 
is created entirely by the play of light and shade : medium sized, soft-edged brush. Lower the opacity to 

> between 20% and 40% so the effect isn't too strong, and 

: paint a shallow curve running from corner to corner, dipping 
Here, we'll look at how to paint folds and : into the banner. 


surprisingly easy to reproduce in Photoshop. 
Glancing at the composite image above, 

commissioned by the Sunday Telegraph, 

you might think that the lettering had been : 

distorted using some complex system to make it : 

follow the fold lines in the checkbook. In fact, 


the illusion of creased text and a crumpled book : 
across it. 


creases into fabric to make it look like it's 
hanging down, using just the Dodge and Burn 


tools to create the effect. WAPPY N EW YEAR 


2004 


: Hold the @ key again to use the Dodge tool, and 
: 7 paint another highlight above that shadow. It may take 
: a few attempts before you're able to paint the Dodge strokes 
: in the right way; if you make a mistake, just Undo and try it 
: again. 
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To add the texture, the Texturizer filter was used with 

the Canvas setting. It's a simple way to make smooth, 
flat artwork look more natural. Any grayscale document can 
be used to generate the textures used by this filter, so you 
can define your own easily. 


WRPPY NEW YEAR 


2004 


Now hold the @3 key to get the Dodge tool and 
5 paint a parallel curve directly above the one you just 
drew. This will brighten the artwork, where the Burn tool 
darkened it: used together, the effect will be of a highlight 
above and a shadow below the fold. 


2004 


ehotoshop 


3 The result of the Texturizer filter was too strong, so we'll : 


reduce its effect. Rather than going through the dialog 


again, there's a simpler way: after applying this (or any) filter, : 


use the Fade command (Edit menu) to reduce the opacity. 
Here, it's been taken down to 30% of its original strength. 


WAPPY NEW YEAR 


2004 


Using the Burn tool again, paint a second curve below 


really helps to use a pressure-sensitive graphics tablet for a 
job like this, but it can be done with the mouse - just use a 
lower opacity and build up each shadow. 


AAPPY NEW YEA p 


2004 


Continue in the same fashion until you've made a series 
8 of curves running right to the bottom of the banner. The 
flat artwork we started with now looks more like a piece of 
fabric that's hanging from its corners. 


To finish off, add more folds in the corners of the 
banner. These won't reach right to the corners, but 
follow the same lines to make the edges of the banner look 
more realistic. Now's also a good time to strengthen those 

highlights and shadows that don't show up well enough. 


: Using the 

: Texturizer 

: filter to add 

: the canvas 

: texture to 

: fabric can result 

f in a blocky, 

: repetitive tiled 

: pattern. If you 

: have a digital 

> camera, it's 

the first, again running roughly from corner to corner. It : Worth instead 
: photographing 

: a piece of real 

: canvas (the 

: back of an oil 

: painting works 

: well) and simply 

: overlaying that 

: on top of your 

: artwork using 

: Hard Light or 

: Multiply mode, 

: and a low 

; opacity. 
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IMAGE: PHOTODISC 


218 


Get yours today! 
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BIOMETRICS 


a 


HE POSTERS IN THE ILLUSTRATION ABOVE, 


created for .net magazine, needed just 
a little distressing to make them look more 
realistic. Here, we'll take the process several 
steps further to turn this flat, artificial poster 


into something that looks as if it's been hanging : 


around on the wall for a long time. 

In most cases, you wouldn't want to add 
this much destruction to a single poster - I've 
gone to rather extreme lengths to illustrate the 
techniques involved. Often, only the smallest 
amount of shading is required to make a 
poster convincing: in the illustration above, the 
Internet Toasters billboard has been shaded in 
vertical strips to make it look as if it has been 
pieced together from multiple sheets. Only 
one tiny corner turned down gives any hint of 


destruction. 


The initial poster was created using text distortion to 
bend the lettering; the figure was stylized using the 


: Watercolor filter. As it stands, it's a brash image that looks 
: nothing like a real poster. 


: A The corner is folded down by first masking the corner of 
: EF the poster - a layer clipping path does the job without 

: interfering with the layer mask. Now, on a new layer, draw 

i the outline of the fold. Fill with a neutral color, and add a 

: little shading with Dodge and Burn; then apply the Plastic 

: Wrap filter to give the impression of sticky glue. 


©) The first step is to create the tears. Make a layer mask 
©. for the poster layer, and make ragged selection using the 
Lasso tool. If you set the background color to black, you'll be 
able to remove chunks of poster simply by pressing GAZ. 
Because we're working on a mask, we can always undo any 
deletions that seem inappropriate later. 


fm The folds and creases are added using Dodge and Burn, 
J using the same technique outlined on the previous 
pages: first add a dark shadow using the Burn tool, then 
hold the key (to temporarily access the Dodge tool) 
and paint above it to add the highlight. The lettering, which 
previously appeared flat, now looks rippled. 


7) Simply removing pieces of poster isn't enough. We need 
J to show the torn paper around each rip. Make a new 
layer, grouped with the poster layer, and paint on it using a 
small, hard-edged brush to trace roughly around each tear. 
It's important not to try to be too precise here: the rougher 
the painting, the more convincing the effect. 


@ The lighting is added by making a new layer set to Hard 
O Light mode, and filled with a neutral gray (it's an option 
when creating a Hard Light layer). Lighting Effects then adds 
both light and shade transparently through the layer. The 
drop shadow and the slight remains of old glue on the wall 
are both added as separate layers. 


: Using a layer 

: mask to create 

: the tears, rather 
: than simply 

: deleting holes 

: from the poster, 
: meant it was 

: always possible 
: to reconstitute 
: the original at 

: a later time. 

f This is a key 

: principle: try 

: not to make 

i irrevocable 

: changes to your 
: artwork unless 
: you're sure you 
: want them. 

: Before adding 

: the folds and 

> creases in step 

: 5, | duplicated 

: the poster layer 
: so I'd have an 

: earlier version 

: to return to. 


IMAGE: ABLE STOCK 


HILE IT'S POSSIBLE TO DRAW 

wrinkles and scratches directly in 
Photoshop, sometimes the best results come 
from using a photographed original. Here, we'll 
turn this straightforward shot of an old ghost 
town building into a photograph that looks like 
it's been hanging around in a drawer for years. 


This is the texture we'll use to 

make this montage work. It's 
actually the inside cover of an old 
paperback book, which has yellowed 
naturally with age; some of the creases : 
come from natural wear and tear, and 
some were applied manually before : 
photographing it with a digital camera. : 


The photograph of the building is 
2 grouped with the texture layer, so 
that it only shows up where the two 
coincide. The mode of the building 
layer is then set to Hard Light, which 
allows a little of the texture to show : 
through - but which, more importantly, : 
brings that sepia color into play so : 
that the photograph now looks old and 
somewhat washed-out. 
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Now to add some more texture. 

The original texture layer is 
duplicated, and brought to the front. 
You'll find that when you duplicate 
the layer, the photograph will now be 
grouped with the new layer; when you 
drag it to the top of the layer stack, 
the original photograph will lose its 
grouping so you'll need to group it with 
the original texture layer once again. 
Set the mode of this new texture layer 
to Hard Light as well, so we can see 
through it to the photograph beneath. 


All we want from this second 

texture layer is the folds and 
wrinkles, and none of the color. 
So begin by desaturating it using 
GDED@. which 
knocks all the color out of it. Now 
we need to increase the contrast, 
which can be done using any of the 
Adjustment dialogs; but | find plain old 
Brightness and Contrast is the easiest 
way to proceed. Lower the brightness 
and increase the contrast until you get 
the effect you want. The original and 
contrasted versions are shown across 
the split here. 


Now for the border. There's an 
5 easy way to make a uniform 
border, even from such an irregularly 
shaped outline. First, hold 
and click on the texture layer's name 
in the Layers palette. This loads up its 
area as a Selection. Now contract that 
selection by a suitable amount (say, 
16 pixels) using the Modify section 
of the Select menu. That gives us our 
smaller inner. To make the border, 
inverse the selection using 
and make a new layer; fill 
this selection with white, set its layer 
mode to Hard Light again and group it 
with the original photograph, beneath 
the second texture layer. 


Brightness: 


Contrast 


The inside cover 
of a book is a 
good starting 
point for our 
texture since 

it contains no 
text or pictures. 
Similarly, if 

you want to 


: photograph a 
: book to mock 
: up a cover on 


. 
. 
. 
. 
. 
. 
. 
. 
. 
. 


it, take the 
existing cover 
(as long as it's a 
hardback) and 
simply turn it 
around so that 
the white side 
faces outwards. 


: SHORTCUTS 
Hg MAC | WIN [BOTH 
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Waving the flag 


HE ILLUSTRATION ABOVE was 
| commissioned by the Sunday Telegraph 


to accompany a story about the tribulations 

of Freeserve, the internet service provider. The 
holes in the flag were made by selecting ragged 
areas on a layer mask with the Lasso tool and 
filling with black; the rough strands at the 
edges of the holes were created by smudging 
with the Smudge tool on the mask itself. 

Any flag, banner or flat artwork can be made 
to ripple convincingly in the breeze using the 
technique outlined here. I've started with a 
PostScript flag, but it's easy enough to apply 
any company logo instead. 


PostScript flags, banners and crests of all kinds are 
f widely available, both on the internet and as part of clip 


: art collections. Photographs of real flags are harder to come 
: by, especially as cutout objects; but it's relatively easy to 
+ make our own. 


A The Shear filter is applied once again, this time 
=F horizontally. This makes the left edge of the flag look 


: as if it's being held by the top and bottom on a flagpole; it 
: also prevents the edge of the star panel from looking too 
> rectilinear. 


: =y Now we can add the intricate creases and folds to the 


flag, following the Dodge and Burn technique described 


: earlier in this chapter. Because we lowered the brightness in 
: step 6, the Dodge tool still has its effect: if we hadn't done 
> so, it would have made no difference to the white stripes. 


A Asa first step, we'll apply some texture to the flag using 
& the Texturizer filter, On the previous page we used the 
Canvas effect; here, though, we'll use the looser weave of 
Burlap instead, set to a small size and applied at a fairly low 
Opacity. 


C Because there's so much white in the flag, we need to 
oJ reduce the overall brightness or our shading won't show 
up properly. Use the Curves or Levels dialogs to bring the 
highlights down slightly. 


© While the left edge of the flag looks convincing, the 

O right edge appears too straight and uniform. This end 
isn't being held by anything, as the left was, and needs to 
flutter more. This is achieved simply by drawing a wavy path 
with the Pen tool, and hiding the edge with a layer mask. 


a The flag is rotated 90° and waved using the Shear filter 


J (see earlier in this chapter), then rotated back again and : 
distorted using Free Transform to make the right edge smaller : 


than the left. This gives it a better sense of perspective. 


Basic shading is added in the same way as on our Euro 


the gross waves of the flag, showing us which parts are 
rippling towards us and which are rippling away. 


Q When positioned on a pole and placed on a suitable 
J background, the flag will still tend to look a little 
artificial. This is because flags are not solid objects: to blend 
it into the background, reduce the opacity of the layer 
slightly. Here, an opacity of 85% merges it in well. 


banknote earlier in this chapter. This simply accentuates : 
: find that the 

: Texturizer filter 
f (along with 

> several others) 
: is dimmed out. 
: Change the 

|: mode to RGB, 
|: or import it as 
| £ an RGB file in 

| 5 the first place, 
| : to make these 
: filters usable. 


: If you open an 
n : EPS illustration 
: of a flag as a 

: new Photoshop 
+ document, it 

: will default to 
: opening as a 

: CMYK file. You 
: may not notice 
; anything wrong 
> until you start 
: to add texture, 


when you'll 


Making custom fibers 


HE ONLY WHOLLY NEW FILTER IN 
Photoshop CS is Fibers, which creates 


natural-looking textures. Here are some ideas 


on how to make the most of this new feature, 


using different settings to generate a range of 


results for a variety of purposes. 


Fibers 


100% 


Variance 15 
Strength 24 
Randomize 


Fibers 


Variance 


Strength 60 


Randomize 
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Starting with 

the basic 
black outline, 
above, we can 
use the Fibers 
filter to turn it 
into a reasonably 
convincing 
curtain. Set the 
foreground and 
background 
colors to red and 
black, and use 
a low Variance 
setting combined 
with a medium 
Strength setting. 


Now for 

the floor. 
To simulate a 
woodgrain effect, 
we begin by 
selecting dark 
and light browns 
as our foreground 
and background 
colors. To make 
the grain strong, 
we now want a 
high Strength 
setting to 
increase the 
contrast, with a 
medium setting 
for the Variance. 
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» Now for the 
sign. This 

board is a flat, 
featureless object 
that looks entirely 
artificial. Using 
default black 
and white as our 
foreground and 
background colors, 
we combine a 
medium Variance 
with a very low 
Strength setting to 
get a lumpy effect. 


Applying 
~ the filter to 
the sign board 
made the whole 
thing disappear 
beneath the strong 
texture. So before 
doing anything 
else, immediately 
press 

to 

bring up the Fade 
dialog: here, we 
can change the 
mode of the filter 
to Color Burn for a 
distressed effect. 


= All we need to 
do to complete 

the picture is to 
set the board in 
perspective and 
add an edge to it 
(see the technique 
in Chapter 10) and 
place shadows both 
behind the board 
and beneath the 
curtain. 


€ -ox- > 


Cancel 


Variance 32 
Strength 3 
ats 

f Randomize 


Opacity 100 |x ("OK 


Mode: Color Burn 


È The Fade 

* command allows 
‘ us to apply 

; Fibers in a 

: variety of ways. 
: Experiment with 
; the different 

+ modes, as well 

: as the Opacity 

: slider, to see 

‘ how to change 

! the way in 

£ which the Fibers 
: filter acts upon 
: the underlying 


: layer. 
K mac] w 
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Begin by drawing a path using the 
Pen tool. Keep the curves smooth, 
: avoiding tight turns and corners. When 
; you've finished, save the path and 
: duplicate it before continuing - we'll 
: need this half of it later. 


HE ILLUSTRATION ABOVE 
is part of a much larger 


montage for .net magazine 
about online stalkers. Dozens : 
of photographs had to be fixed : 
to the wall; shading on each : 
one helped it look like it sat 
in place. The tape across the 
corner of some of the photos 
helped fix them to the wall in 
the reader's eye. 

Ribbons can be used for 
a variety of purposes - from 
festooning partygoers to 


We're going to fix this photograph 
to the wall using sticky tape. Begin 
: by tracing the outline with the Lasso 


wrapping birthday presents. 
They're easier to draw than 


tool, holding €T to draw the 
straight lines between the sides. Keep 
: these sides parallel! 


you might think; the trick is all : 
in duplicating the Pen path. : 


Now make a second path by 
2 selecting the original, and holding 
D as you offset it. Join the two 
starting points to make the two paths 
into one (holding again, this 
time to force a corner at the join). 


We don't need to make this tape 
2 solid, since it's made of translucent 
plastic. Let's fill the selected area with 
50% gray. (It would also be possible 
to fill with solid gray, then reduce the 
layer opacity.) 


Z 
2 


CS 


Turn the path into a selection by We now need to add shading in Di that's needed now is a bit of 
3 pressing DGIB. The the hollows. Activate the original D color The Hue/Saturation dialog, 
ribbon will have some bumps where the path and turn it into a selection: nudge set to Colorize, is one of the best ways 
paths crossed; these need filling by just the selection down, and you'll find to add dense color to a gray image. 
painting across them. Dodge and Burn that the areas beneath the folds are 
add some basic random shading. selected ready for Dodge and Burn. 


Now add a little random shading, The Plastic Wrap filter makes that Now color is added using Color 
3 once again using Dodge and Burn. 4 shading look convincingly like Balance, which I find useful for : 
This is only a preliminary stage before reflective plastic. This useful filter is subtle color effects; a lot of yellow and : 
we apply the Plastic Wrap filter. I've covered in more depth in Chapter 7, a little red does the trick. Brightness : 
shown the tape isolated as well, for Shiny Surfaces. and contrast are increased slightly to 


extra clarity. make the tape shinier. 


: When the 

: ribbon path was 
: offset in step 

: 4 of the first 

f workthrough, | 
: didn't align it 

: precisely with 

: the right edge 

: of the ribbon. 

: By offsetting it 
: by just a pixel 

: or two, it was 

: possible to use 

: the shading 

: to give the 

: ribbon a slight 

: thickness simply 
: by leaving the 

: edge unshaded. 
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Upgrade and replace 


THE FIRST COMPUTER I ever bought was a Sinclair Spectrum, which I 
purchased in 1980. It was a state-of-the-art machine, and I remember debating 
whether to choose the 16K version or opt for the massive 48K model. After 
much soul searching, I chose the 48K version: after all, I reasoned, this one 
was future-proof. Today, that computing power would barely run a singing 
greetings card. 

The classified ads columns of newspapers and computer magazines are 
littered with advertisements from readers who have decided it’s time to upgrade 
their equipment, and want to recoup the cost of their original purchase. 
Frequently, the prices demanded are well in excess of the aged computer's true 
value: often, readers will ask for more than it would cost to buy a new machine 
that offers twice as much power. 

Their reasoning runs as follows: I bought this computer three years ago, 
and now it’s obsolete thanks to the software developers, in league with the 
Devil and Bill Gates, who have upped the requirements for their new versions 
so much that they won’t run on my old machine. And I’m damned if I’m going 
to shell out that much money simply to run Photoshop 8, so I want my money 
back before I commit myself to buying a new computer. 

It’s a fallacious argument, for several reasons. The first is that there’s 
nothing wrong with their old computer. It will still run the software they used 
on it when they bought it, it will still access the internet at the same speed and 
it will still enable them to do their job in the same way as they have for the 
last three years. If they want to take advantage of the tempting features the 
latest software versions have to offer, then they’ll need compatible hardware; 
otherwise, they can just stick with the software they already have. 

You can’t blame software for needing a higher specified operating 
platform each time it brings new functionality: if this wasn’t the case, we’d 
still be editing images one black and white pixel at a time on our Spectrums. 
The demands made by Photoshop are colossal in terms of processing power, 
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disk access and chip speed; only the most diehard Luddite would advocate the 
withdrawal of new features simply in order to ensure compatibility with antique 
equipment. 

But the main problem I have with those who complain about the cost of 
upgrading is that they rarely take into account how much work their computer 
has done for them in the intervening period. My Mac enables me to do all my 
illustration work, as well as letting me do my accounts, watch DVDs and play 
Tomb Raider, for a relatively tiny cost compared with the revenue I generate 
from it. At the end of its three-year lifespan I reckon it now owes me nothing; 
the only hesitation I have in deciding when to upgrade is the knowledge that 
it will take a week for me to transfer all my applications and get the new 
machine running as smoothly as the old one. In return, I'll get a computer that’s 
more than twice as fast, with a hard disk vast enough to hold the library of 
Alexandria. 

Many computer users resent the fact that not just computers but memory 
and hard disks now cost just a fraction of what they paid for them several years 
earlier. They feel cheated in retrospect: if only they’d held on another couple of 
years they'd have been able to buy more power for less cost. What they ignore 
is the amount of work their equipment has done for them in the intervening 
period, which can usually be valued at far more than the few hundred extra 
they may have spent on it. 

I now consider the ownership of my computer to be more like a rental 
than an outright purchase. I need to top up my payments every few years, in 
return for which I get a pristine new piece of technology that has none of the 
grouchiness my old computer acquired over the years, and offers blistering 
speed in return. And I even have the opportunity to pass my old machine on 
to an aged relative or impecunious acquaintance - or, failing that, to convert it 
into a state-of-the-art fishtank. And I only resent the cost of the new one for a 
week or two. 
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232 Adding depth to flat artwork 

An open and shut case 

Matching existing perspective 
Building boxes 

240 Wrapping labels round curves 
242 Editable text on 3D surfaces 
244 Drawing pipes and cables 
246 3D Transform filter: boxes 


248 3D Transform filter: cylinders 


250 3D modeling applications 
252 Remote, but in control 
254 A piece of cake 
256 Dimensions: bits and pieces 
258 The Poser phenomenon 


260 INTERLUDE: Reality overload 
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engineers than artists. 


But who said anything about convention? There's a lot 
that can be achieved directly in Photoshop, without 
recourse to any other applications. Simulating 3D needn't 
be a nightmare. 


There are times, however, when Photoshop alone just isn't 
enough. Dimensions, that cranky old application ignored 
by Adobe for so long, can be just the job for creating 
quick and dirty 3D models that provide the base for 
stunning Photoshop artwork. 


GUITAR IMAGE: PHOTODISC 
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The third dimension 


NE OF THE MOST 

common tasks the 
photomontage artist has to 
contend with is changing 
the viewpoint of an original 
photograph. Sometimes you 
can get away with simply 
rotating an object to make it 
fit in the scene; usually, it's a 
little more complicated. 

The problem comes when an 
object has been photographed 
head-on, and you want to 
view it from an angle. Not all 
objects lend themselves to 
the kind of three-dimensional 
amendments shown here, but 
the principle used on these 


pages pan be applied to a wide : position: and placing it in a montage 


: will always look flat and unconvincing. 


variety of source images. 


This old coin has been 
1 photographed directly from above; 
with close-up photography, an angled 
view would have made it difficult to 
keep the entire coin in focus. But we 
can create any view of this object we 
like with just a few actions. 


This guitar has been photographed 
directly from the front, in common 


: with many objects sourced from stock 
: photography collections. In real life, 


you'd hardly ever see an object in this 


The simplest way to change 
2 its perspective is to use Free 
Transform, holding 
while dragging one of 
the corner handles to get a perspective 
distortion. The problem is immediately 
clear: there's no side to this guitar. 


The first step is to use Free 

Transform to squeeze the coin 
vertically: if you hold then it 
will squeeze towards its centre. You 
may wish to add perspective distortion 
as well, but it isn't really necessary. 


Then select the coin by holding 
and clicking on its 
thumbnail in the Layers palette. Using 

the Move tool, hold as you 
nudge this selection up one pixel at a 
time using the Arrow keys, and you'll 
create this milled edge as you go. 
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The side is best drawn with the 4 A section of the guitar front 5 The key to realism lies, as ever, : OT TIP 


Pen tool on a new layer, although is copied, duplicated and then in the shading. The Burn tool 


you could also use the outline of the flipped vertically to make a seamless has been set to Midtones to add the : Boxy objects 
guitar as a starting point to get the tile. This is then used to fill the new shadows - setting it to Highlights : such as 
curves correct. Here, the shape has side by grouping it with the side layer would have a more extreme effect, but : computer CPUs 
simply been filled with a flat color to and repeating the pattern until it fills would lose the warmth of the wood. : are easy to 
see if the perspective works. the space. Start slowly, and build up the shading. : transform, even 
: if photographed 
: head-on. Simply 
: copy a plain 
: portion of the 
: front of the 


: unit, and distort 
: it to form the 

: side and top 

: (if required). 


: Adding 
: appropriate 
: shading means 
: you can get 
: away with a 
That milled edge is perhaps a Now use the Dodge and Burn Since this was created on a new : hi littig 
little too strong. To fix it, use tools to add highlight and shadow layer, we can simply lower its : i 
to invert the to this new edge, using thin vertical opacity to allow the ‘original’ milled 
selection and make a new layer from strokes to create the illusion of light edge to show through underneath. : 
the edge. Preserve transparency with reflecting off the edge. : 
a fill with a ea ih i ° : 
the coin itself. pe MAC A WIN BOTH 
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Thet thi ird 
An open and shut case 


TRICK THAT EVERY PHOTOMONTAGE ARTIST NEEDS TO 

learn is how to make photographed objects do what he 
or she wants them to do - which means ignoring the perspective 
of the original image and adapting it to suit the needs of the job 


in hand. 
The ability to open a closed door is a technique that every 


Photoshop professional should be able to achieve. Opening This door has been photographed 
1 closed, but opening it is simple. 
To begin, use the rectangular selection 
tool to draw a rectangle that 
includes just the door itself, and not 


the frame. Cut this to a new layer using 


Dean 


the drawer of the filing cabinet in our second example takes a 
keener eye, since it's important to match the rather distorted 
view present in the original photograph. But in Photoshop, if it 
looks right then it is right: you just have to trust your eye. 


The technique used to open the Select the drawer front, and make Now reload the original selection 
bottom drawer of this filing 2 it into new layer using GRD by selecting the path and pressing 
g cabinet can equally well be applied c ). It needs enlarging slightly, (the advantage of having created 
8 to a wide range of tasks. Unlike the since it will be nearer to us; and a a Pen path) and make a new layer for 
z door, above, the drawer front doesn't small amount of perspective distortion the inside of the cabinet. Fill it with a 
8 hinge, so we can't use the perspective is required to match the extreme angle : dark gray, and add shading using the 
= distortion in the same way. of the original. Burn tool to give the sense of depth. 
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A Now use Free Transform 
2 to distort the door to its 
new position. If you hold AED 

while dragging a corner 
handle you'll get a true perspective 
distortion; use the center handles to 
make the door narrower. 


a The thickness of the door is easy 

J to make: draw a rectangular 
wea that includes part of the front 
edge of the door (but not the handle), 
make a new layer from it and flip it 
horizontally. Drag it into place, and 
then just darken it up. 


A g The doorknob didn't take well to 

T its perspective distortion, but it's 
easy to make an elliptical selection 
of the knob and distort it back to its 
correct shape. Since the door is a 
separate layer, darkening the interior 
on the layer below is child's play. 


A The drawer side is drawn on a new 


“F layer placed behind the drawer 
front by simply outlining it with the 
Lasso and filling with a mid gray. The 
three ribs are then drawn by selecting 
with the Lasso, and the areas between 
darkened with the Burn tool. 


fo Once an object is placed in the 
«J drawer, the whole scene begins to 
make more sense. You need to choose 
objects to fill the cabinet that have a 
similar perspective to them; filling it 
with objects photographed head-on 
will look unconvincing. 


C The final stage is to add the 


O shading - behind the folder in the 
drawer, and beneath the drawer itself. 


Make a new layer, grouped with the 
base cabinet layer, and paint on this 
using a soft-edged brush with black 
paint set to around 40%. 


: When you use 
: perspective 

: distortion to 

: open a door, 

: you'll also need 
: to reduce the 

: width of the 

: door to match: 
: the more open 
: it is (and the 

: stronger the 

: distortion), the 
: narrower it 

; will have to be. 
: There's no solid 
: rule for how to 
: do this — just 

: make sure it 

: looks right. 


- The third dimension = 


Matching existing perspective 


pe 


ANY 


This shuttered shopfront is an ideal surface on which to 
1 place our sign. Not only does it have strong perspective 
: lines, which will allow us to place the text accurately, it also 
: includes a good bumpy texture that will make the finished 
: result more convincing. 


N THIS ILLUSTRATION for the Sunday 
Telegraph, | aligned some of the elements 


with the perspective of the shutters. But the 
large Closed sign was placed at a deliberately 
skewed angle, to make it look as if it had been : 
pasted on in a hurry. The sign still had to appear : 
in perspective, but this was achieved purely by : 


eye using Free Transform. (See Chapter 8 for 
details on shading the paper sign.) 


f Select Free Transform (or press D). 
: 4 GD and grab a corner, then hold as well after 
: beginning to drag to constrain the movement to vertical. 

: Align the top and bottom so that they line up with the ribs 


photographed with the original shop. : on the shutter. 


In this workthrough, we'll look at how 
to make a shop sign that looks like it was 
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Michael’s 
FISH SHOP 


Freshly'Caught 
every day 


The sign consists of four elements: the three sets of 
words, and the fish. Although it would have been 
possible to create all the text in a single block, you get far 
more control over size and spacing when they're kept as 

separate chunks of text. 


The previous step got the sign into perspective, but 
5 it didn't look as if it was part of the image. Changing 
the layer mode to Multiply (use the menu at the top of the 
Layers palette) allows the original texture to show through, 
which looks far more convincing. 


(ESE) : 
Tisyers gaa Dock to Palette Well 
Í Pass Throu... "$ Opacity: 


Lock: ojzi+ [a] 


New Layer... 
Fa: [100%] 8 Duplicate Layer Set... 
Delete Layer Set 
Delete Linked Layers 
Delete Hidden Layers 


New Layer Set... 
New Set From Linked... 
Lock All Layers In Set... 


Layer Set Properties... 
Blending Options... 


Merge Visible 
Flatten Image 


Palette Options... 
——————————— ET 


Link all the sign elements together, and choose New Set 

From Linked in the pop-out menu on the Layers palette. 
Duplicate that set by dragging it onto the folder icon at the 
bottom (or choosing Duplicate from the pop-out menu), and 
then merge the new set so it becomes one layer. 


Placing the figure in front of the sign achieves two 

things: first, it adds a human element to the image; and 
second, by obscuring a tiny part of the sign it makes the sign : 
look far more integrated into the final image. : 


: Not all surfaces 
: have as 

: obligingly clear 
: perspective 

: lines as this 

: one. To work 

: on an image 

: without these 

: indicators, it can 
: help to place 

: a simple grid 

: over the surface 
: first, and then 

: use that to 

: help align the 

: text and other 

: elements. 
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RAWING BOXES IS EASY - it's simply a 
matter of distorting flat artwork using 


Free Transform, and adding a few finishing 


touches. The illustration above, for ES Magazine, : 


was made slightly more complex by the fact 
that the box had a window in it, which meant 
drawing the polythene (see Chapter 7, Shiny 


Surfaces) and giving the inside of the lid a little : 
thickness (using the techniques described earlier : 


in this chapter). But the principles are exactly 
the same as with the breakfast cereal box used 
to demonstrate the process on these pages. 


When preparing your flat artwork, remember that in 
most cases you'll be seeing the side of the box as well 


: as the front, so you'll need to draw that as well. Keep a 
+ consistent color scheme on the side, and reuse some of the 
: original artwork such as the Choco Flakes logo. 


Darken the side of the box to make it stand out from 
the front. Then add some shading to the entire artwork 


: using the Burn tool: a small amount of shadow helps it 
: to look more like a real object and less like distorted flat 
: artwork. 


Create a merged copy so that you've got all the 
2 elements in one layer - that is, one for the front and 
one for the side. Then simply distort the front using Free 
Transform, holding and dragging 


a corner handle to make the perspective. 


Since this box is made of cardboard, you won't get a 
5 perfectly sharp edge where it bends around the corner. 
Here, I've selected a couple of pixels down the left-hand 
edge of the side and brightened that strip up to give the 
impression of the cardboard bending. 


PT tui IVY 


3 Now simply repeat the process for the side layer. If you : T TIP 
only distorted the front of the box on the left-hand : 
side, the side layer will still be the correct height and can 


be distorted in the opposite direction to make the box look 
three-dimensional. 


: You can't keep 
: text editable 

: when applying 
: perspective 

: distortion - it 

: needs to be 

: rasterized first. 
: So make sure 

> you (and your 

: client) are 

: happy with the 
: base artwork 

: before turning 
: it into a 3D 

: object, or you'll 
: have to repeat 
: the process all 
: over again after 
: they've made 

: the changes. 


What makes an illustration like this work are the : 
6 elements that break out of the planes, such as the spout : 
on the right. And where would any self-respecting cereal be 
without a plastic toy? The wrap for this was created using 


A= SHORTCUTS 
Plastic Wrap - see Chapter 7 for how to do this. : HESS at 
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RAPPING LABELS 

around curved 
surfaces can be a tricky 
proposition. In the illustration 
above for The Independent, 
| had to break the text into 
several chunks and distort 
each one using the Wave filter 
in order to make it look as if 
it was wrapped around the 
plastic surface. 


labels round- 


Curves 


This view of an oil drum presents a 


tricky problem for label wrapping. 


: First, it's a curved rather than a flat 

: surface; and second, that surface has 
: been photographed in perspective. So 
i here's how it's done. 


The label is created using suitable 

text and graphics. Although these 
were necessarily made on separate 
layers, it's important to merge them 
into one so that the distortions can be 
applied to everything together. 


: 5 Now rotate the canvas back again, 


and use Free Transform to apply 


: a simple perspective distortion to the 
: label. Don't expect it to look perfect; a 
: close fit will be enough at this stage. 

: To avoid fiddling around, it's easier 

: to apply final tweaking to the misfit 

: characters afterwards. 


To make the lettering fit the 
6 perspective of the barrel, we need 
to select the troublesome letters (the 
beginnings and ends of each word) 
individually, and shear them vertically 
until they fit. A bitty font like Stencil is 
easiest to work with, as you can distort 
letter sections in chunks. 


tr Chaat in Dk ACAAN 
nhh ECU D i l U 
a 


The first distortion is to Spherize 

the label, so it looks more as if 
it's wrapped around a cylinder. In the 
Spherize dialog, use Horizontal Only 
rather than the full Spherize, so that 
it's only distorted in the horizontal 
dimension. 


Now to bend the label using the 

Shear filter. This filter will only 
distort horizontally, so we must first 
rotate the canvas 90°. The filter works 
by drawing points on the straight line, 
which can be dragged out into curves; 
the preview shows the distortion. 


To retain the texture of the 
7 original, load up the area of the 
distorted label (E3 click on the 
name in the Layers palette), hide it, 
switch to the base layer and float the 
selection using ED. Now 
simply use Hue/Saturation to colorize 
the label. 


The label still looks a little 
8 unconvincing, so to strengthen it 
up change the Layer mode from Normal 
to Multiply - this will accentuate the 
shadows, making the finished label look 
far more like it's sitting on the object in 
the real world. 


i 
i F J Cancel 

i 

i H 

i 

i 


i 
— Undefined Arcas: 
® Wrap Around 


© Repeat Edge Pixels 


: 


: If you're 

: working on a 

: large document, 
: rotating the 

: whole thing 90° 
: to apply the 

: Shear filter will 
: take an age. 

: Instead, you can 
: simply copy the 
: base object to a 
new document, 

: rotate that, 

: and then copy 

: the resulting 

: distortion 

: back into your 

: original image. 


Aa SHORTCUTS 
a ac] win [Both] 
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The third dimension 


IE WARP TEXT FEATURE introduced in Photoshop 6 is 
seen by many as a flashy special effect with little practical 
application. But it's a useful tool for fitting text onto curved 
three-dimensional surfaces, as we'll see in this example using a 
medicine bottle as the base object. 

Because the Warp Text effect works with live text, we can go 
back and edit the text at any point - changing the wording, 
color, font or type size as we wish, without 
having to go through any of the steps 


The basic label text (below) has 
been distorted using the Warp 


= Text feature. The Arch setting has 

: been given a Bend value of -57 (see 

: screen shot at bottom), so it curves 

= downwards. As it stands, the text 

: doesn't fit the label; the next step will 
: bring the fit closer. 


DRUGS-R-US 
Aspirin 


To be taken as directed — follow 
the instructions on reverse. 


Warp Text 


outlined in the previous pages. p Style: | Ea Arch a) 
| discovered this technique while working ® Horizontal © Vertical 
[a] % 


on the job above, in which the client couldn't Bend: 
be certain about the precise wording needed, 
but wanted to see how the effect would look 


before continuing. The ability to change just 


the text at the last minute made it possible 


to complete the job on time. 


Now, simply shearing the text 

box vertically using Free Distort 
enables us to pull the left side of the 
text down so that it more closely 
approximates the label. Grab a center 
handle to add the shear effect. Because 
it's not a perspective or free distortion, 
we can perform it while the text 
remains editable: simple shearing is 
one of the distortions (along with 
scaling and rotation) that's ‘allowed’ 
on live text. 


Because the bottle has been 

3 viewed from above, with a strong 
perspective, the label appears narrower 
at the bottom than at the top. To fix 
this, we can use the two additional 
distortion sliders. 

A negative value for the Vertical 
Distortion (see below) makes the text 
taper inwards at the bottom; and a 
tiny negative value for the Horizontal 
Distortion makes it slightly wider at the 
left than at the right. 

In practice, you'll find yourself 
tweaking all the sliders several times 
until the correct curve is found; but 
most surfaces can be conformed to 
with this technique. 


Warp Text 


Bend: 


Vertical Distortion: 


~ Style: | F3 Arch I — 


® Horizontal © Vertical 


C 
Horizontal Distortion: 


C = 


p 


=, 
ESZ] % 
[1 |% 


[-s 1% 


Because the text remains editable 
throughout, we can go back at any 
point and alter what it says. As long 
as the longest line remains the same 
width, the distortion will remain the 
same; if it's short, add spaces to fit. 


To make the text more convincing, : 


duplicate the layer, rasterize the 
text and blur it. Since we've kept the 
original unrasterized version, we can 
still edit that if necessary. 


: Not all surfaces 
: can be matched 
: as easily as this 
: one. There are 

: two tricks for 

: dealing with 

: more complex 

: geometries: 

: either type 

: spaces after 

: the longest 

: line to force 

> an asymmetric 
: distortion, or 

: break the text 

: into two halves 
: and distort each 
: one individually. 


oma 
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The third 


Drawing pipes and cables 


HETHER IT'S MICROPHONE CABLES, 
sewage pipes or chrome cylinders, 


it's fairly easy to create any kind of tubular 
object directly in Photoshop. 
Cables are drawn using the technique of 


applying a brush stroke to a Pen-drawn path: as : ithorižónitally:óñiy: 


long as the path is visible, any of the painting 


tools can be easily made to run a smooth stroke : 


along it. 

Pipes can be created at any length. Since 
the shading is applied evenly along the pipe 
by holding the Shift key as you paint with 
the Dodge and Burn tools, it's then easy to 
stretch them to any length you want simply 
by selecting half the pipe and dragging a copy 
where you want it to go. 

Bending pipes around curves is another issue 
entirely, and the final step here shows a simple 
way to achieve this effect. 


a O 


Drawing cables and wires is easier than you might think. 
Start by using the Pen tool to draw a Bézier curve that 


: follows the line you wish the cable to take. 


Seg eee oe 


By nudging vertically and inversing the selection, only 
: the feathered bottom half of the cable is selected. We 
> can now use Brightness and Contrast to darken the edge. 


Begin your pipe by drawing a simple rectangle with the 
Marquee tool, and filling it with a mid-tone gray (you 


: can always add color later). 


With the 9 key still held down, drag the ellipse to 
the other end: hold the key after dragging to move 


6" the Marquee tool selected, nudge the selection a 
: 6 in: of pixels to the right and fill with the same mid 
: gray. The bright rim looks better than a hard edge. 


Sem a new selection with the Elliptical Marquee that's 
a than the original one, and add shading to make 


: the inside of the pipe - darker at the top and on the left. 


Now, with the Pen path still selected, switch to the 

Brush tool and choose a hard-edged brush of the right 
diameter - here, a 9-pixel brush was used. Now hit the 
key, and the path will be stroked with that brush. 


eg — ee 


5 Now nudge the selection down twice as many pixels as 
you nudged it up (that makes 6, in this instance) and 
brighten up the top half in the same way. 


Using the Dodge and Burn tools set to Highlights, hold 
the key to constrain the motion to horizontal, as 
you drag from end to end of the rectangle. 


Now brighten up the selected end of the pipe, using 
Brightness and Contrast or Curves. It's brighter than we 
need, but this will just form the rim around the edge. 


7 With the end cap still selected, add some more shading 
using the Burn tool. Bear the lighting position in mind: 
we want more shadow at the bottom right than at the top. 


By applying a step effect using the Curves dialog, we 
can make this pipe look more metallic. See Chapter 8 for 
details on how to achieve this effect. 


9 


Next, load up the pixels in the cable layer by holding 

as you click on the layer's name. Feather 
the selection (a 3-pixel feather used here), and, with the 
Marquee tool selected, nudge the selection up 3 pixels. 


a ee 


6 After coloring the cable, it's time for the shadow. Modify : 
your original path so that parts of the cable rise up from : 
the floor, then stroke the path with a soft-edged brush. 


: When using 
: shading 
: techniques 


: such as those 


3 Now use the Elliptical Marquee tool to select an ellipse 
in the center of the pipe. Hold ) to make a copy 
as you drag it to the left to form the end of the pipe. 


: shown here, it's 
: always better 
: to work with 


: gray objects 


Polar Coordinates 
| € OK i] 


5 


EE a a a eeo 
® Rectangular to Polar 
© Polar to Rectangular 


To bend the pipe into a curve, make a square 
1 O selection around it and use the Polar Coordinates 
filter (Rectangular to Polar) to distort it. If the pipe is 
positioned at the top of the square selection, the result will 
be a very tight curve; if it's positioned in the center, you'll 
get a larger curve. Make sure the initial selection is square 
or the curve will be distorted. You can now take a section of 
this curved pipe to join two straight pieces together. 


: rather than 

: colored ones: 

: shading can 

: affect the color 
: as well as the 

f luminance of an 
: image. When 

: the shading is 

: exactly how you 
: want it, you can 
: put the color 

: in using Color 

: Balance, Curves 
: or your favorite 
: tool. 
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The third dimension 


HOTOSHOP'S 3D TRANSFORM FILTER, 
found under the Render section of the 


Filter menu, is a poweful tool for changing the 


perspective viewpoint of objects. It's also one of : 


the hardest filters to get your head around. 
The filter works best with boxy objects, such 
as this - er - box. But it can also be used to 
distort bottles, glasses and symmetrical objects 
of all shapes, as we'll see on the following 
pages, provided you have the patience to (a) 
figure out how the odd controls work, and (b) 
put up with the desperately clumsy interface. 
In the dialog, images are shown in black 
and white, as they are here. The guidelines 
are shown in pale green, which I've changed 
to a thick red so they're easier to see in print. 
Otherwise, all the elements of the interface will 
appear on your computer screen exactly as you 
see them here. 


3D Transform 


When you first open the filter, you'll see your object 
converted to grayscale. Make sure the object is in the 


: middle of the document, or the perspective viewpoint will 
: get horribly confused. 


3D Transform 


¢€ Cancel) 


} 


(Options... ) 


Camera 
Field of view:fiz To)" 


Now grab the remaining handle, the one right in the 
middle of the box, and move it into place. Nothing fits! 
: And there are no more handles to drag! What can have gone 
: wrong this time? 


3D Transform 


: 7 Drag on the Field of View slider once more until you 


can see the entire object in the preview window. At 


this point, it's worth clicking the Options button to raise the 
: quality, and hide the background view. 


rG CO D a A 


3D Transform 


¢€ Cancel 


(Options... } 
Camera i 
(Peis orview:fiz Tr)" 


Pick the box tool and draw a box around the object, 

from corner to corner. It won't fit at all at this stage; 
we'll use the corner handles, shown as hollow squares, to 
adjust the fitting. 


3D Transform 


> Camera 
Field of View :| 


In fact, nothing has gone wrong - it's just that the 
perspective viewpoint is completely wrong. Drag the 
slider that pops out beneath the Field of View number and 
move it until the box fits the object. 


5 


3D Transform 


3D Transform 


(Options... ) 


po Camera j 
|rwid ot viw: Dy | 
| o | 


Switch to the hollow pointer tool and grab the bottom 
3 center handle and move it into place; then repeat the 
process with the bottom left handle, until all three lower 
handles correspond exactly with the corners of the object. 


3D Transform : 


IDES] 
H ( Cancel } 
[ p Tal a — i 


Now click on the Rotate tool, which you'll find at the 

lower right. It's likely that you'll now see a view like 
this, showing a close-up of an irrelevant part of the object. 
We need to adjust that viewpoint again. 


: This filter is 

: one of the most 
: fiddly you'll use 
: in Photoshop, 

: but more than 

: any it pays to 

: be precise. If 

: your corners 

: and sides 

: don't match 

: the original 

: object exactly, 
: you'll see bits 

: of background 
: distorted in the 
: final render. 


: One interesting 


3D Transform 


Now use the Rotate tool to drag the object to change 
8 its viewpoint. You can also use the Move tool, next to 
it, to move your object around within the preview window if 
your chosen rotation angle puts it outside the space. 


AHE 


: feature of this 

: filter is the 

: way it creates 

: unseen faces: if 
: we'd turned the 
: final example 

: upwards, we'd 

i see a plain gray 
: base on the 

: bottom of the 


: object. It would 
: be a simple 


You can even choose to view the object from an entirely : 

different angle, as we've done here: in this case, the : 
top face of the original object disappears from view as it's 
completely hidden from this viewpoint. 


: matter to fill 

: this with some 
: of the original 
: wood texture. 
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HE 3D TRANSFORM FILTER, WHICH 
we looked at on the previous pages, is 


capable of applying different viewpoints to 
far more than mere boxes. But as the object 
in question becomes more complex, so the 
shortcomings in the filter become more 
apparent. The original bottle, above left, was 
distorted to produce the result shown center; 
but it didn't take a lot of retouching skill to 
patch it to produce the final result, right. 

Irregular shapes take a little more thought 
than plain boxes, but the results can be 
impressive. It's worth pointing out that the 
restrictions of this filter mean it's really only 
suitable for use on symmetrical cylindrical 
objects, which have been photographed head 
on. Here, we'll look at how to change the 
viewpoint of a beer glass. 

As on the previous spread, the original fine 
green outlines in the 3D Transform dialog have 
been replaced with a thicker red to make it 
easier to see on the page. 


A 
: 1G ( Cancel } 
: [ale] —— 
> Le] er] (Options...) | 
: Pepa ae 7 
: kes Fiia ot view:f58 [>] 
E 


er: cylinders 


30 Transform 


( Cancel X} 
(Options...) | 


p Camera i 
Fiia ot view:[T1 D>] 


1 Objects opened in the 3D Transform filter can 
sometimes appear far too small. There seems to be no 


: consistent reason for this; but as it stands, it's too small for 
: us to see what's going on. 


3D Transform 


¢ Cancel X 

| ( Options... } 
pan j 
DI] Fies or view: [ETT DD] | 
| 


Grab the bottom handles and drag them so that they 
touch the base of the glass. The top corner handle 


: shouldn't need adjusting if you drew the cylinder correctly in 


30 Transform 


: 7 Next, change to the hollow Arrow tool and drag that 


new anchor point until it touches the side of the glass. 


; With some objects, you may need to create several anchor 
: points; the bottle, left, required three additional points. 


3D Transform 


Cu 


£ X 


Cancel 


= f Options... ) 
i — 


Fiera ot Vow: [its [>] 


To see the glass bigger, you'll need to zoom in. In fact, 
2 you may have to zoom in and out quite a lot in this 
exercise, to make sure all the anchor points are placed 
correctly. 


30 Transform 


X 
( Cancel 


( Options... } 


—Camera 
| Field of View| 


Now's a good time to adjust the perspective. As in the 
5 previous spread, drag the Field of View slider (it will pop 
up when you click the number) until the top ellipse matches 
the angle of the top of the glass. Nothing else will change. 


3D Transform 


RR] Co 
( Cancel } 
( Options... } 

— 
mA Fisa ot view: [T09 [>] 
a emn] 


With the outline shape drawn to fit our object, we can 
8 click on the Rotate tool to enter this section of the 
dialog. As before, the glass can be rotated by dragging in the 
preview window. 


3D Transform 


( Cancel ) 
5 ——$—= 
Lot] ar] ( Options... } 
Camera 
Fils ot viow: [i11 [>] 


MIR] 


C 


Now use the Cylinder tool and draw a cylinder that goes : 


from the top left corner of the glass straight down to 


the correct height. It's the overall bounding height and width : 


that we need to get right here, not the detail. 


30 Transform 


DE on 
( Cancel > 
( Options... } 

Camera 
e 
AR] Field ot View: foe TP] 
i2 


Next, we need to make the outline fit the glass. Using 

the Pen tool, click to make an anchor point on the side 
of the cylinder. Don't drag as you click - the Pen tool doesn't 
work that way here. 


3D Transform 


7 


X 
( Cancel 


( Options... } 

Camera — 
Field ot view:[f09 [>] 
ony STE] 


One thing you can't do here is rotate in any direction 
9 other than directly forwards or backwards, or you'll be 
able to see a side of the glass that doesn't exist - and the 
tool isn't clever enough to wrap around the back. 


: Getting the 

: initial cylinder 
: right is crucial 

: to the success of 
: this operation. 
: If you don't 

i draw it right 

: first time, press 
: Delete and try 

: again. 

: As well as 

: the cube and 

: cylinder tools, 

: there's a sphere 
: tool in 3D 

: Transform. In 

: fact, it does 

: little more 

; than spherize 

: the image; 

: but you can 

: get interesting 
: results by 

: drawing loads 
: of cylinders 

: and spheres at 
: random, and 

: then changing 
: the viewpoint 

: with the 

l Rotate tool to 

: generate weird 
: background 

: textures. Try it! 
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The third dimension 


Ws YOU CAN DRAW just about 
anything you can imagine directly in 


Photoshop - if you have the time and the skill 


- there are times when a basic 3D modeling 
application can help you out of a tight spot. 
First of all, let me lay my cards on the table: 
| hate 3D modelers. | loathe the intricacies of 
Nurbs and B-splines, and resent the time taken 
sitting around waiting for models to render. 
That's why I like Adobe Dimensions, the 
elderly 3D program. It can perform just two 
basic functions: extruding (adding depth) and 
revolving (lathing a profile). But where it really 
scores is that it's the only 3D program to export 


) modeling applications 


quid bottle.dim-Revolve 1-Profile <100%> 


PostScript artwork - in the form of Illustrator 
objects. This means they're infinitely scalable, 
and so can be enlarged to any size you like. 
Rendering time is just a few seconds; after that, 
you can take the model into Photoshop and 
enhance it. 

Dimensions hasn't been updated since 1997, 
and suffers a number of drawbacks: it's clumsy, 
buggy, and none of the keyboard shortcuts 
work with recent operating system releases. 
That said, it still performs its task admirably - 
and you can always use a macro program, such 
as QuicKeys, to replace the keyboard shortcuts 
for you. 


iO neat wn Photoshop 


The trick with Dimensions is not to 
expect too much from it. While it is capable 
of rendering shading from multiple light 
sources, because it exports PostScript artwork 
the shading is created as stepped blends; 
some blurring is often needed afterwards in 
Photoshop to fix this. 

Dimensions illustrations occasionally go 
wrong: bits will be missing when the illustration 
is rendered, for instance. There's no support for 
transparency, and the texturing is so laughable 
as to be completely unusable. 

Much of Dimensions’ functionality has 
been built into Adobe Illustrator CS, the latest 
release of the popular illustration program. 

But what Illustrator's missing is the ability to 
group several objects together and change their 
viewpoint as a whole: you can only work with 
one 3D object at a time. Which makes it fine 
for simple tasks such as the washing-up liquid 
bottle shown here, but means it couldn't be 
used for more complex jobs - such as creating 
the lamppost on the cover of this book. 

Then there's Amorphium (www.play.com), the 
bizarre modeler that creates organic images - 
and renders them at enormous size in seconds. 
Fun to use, it can be hard to make it do what 
you want; but what you end up with is usually 
worth the struggle. 

If you really want to get into 3D modeling, 
there are dozens of applications available 
- including Carrara, 3D Max and Swift 3D, 
up to the heavyweights Maya, Lightwave and 
Electric Image. These dedicated programs will 
produce stunning results, assuming you have 
both the time to learn them and the time to 
sit around waiting, often for many hours, while 


Amorphium is a 


the finished image is rendered. 
3D modeling tool 


For the Photoshop user who simply wants that's by turns fun, 


i i ; hilarating and 
to get a quick model to work on, Dimensions Erang Ona 
infuriating. But if 


- despite its many shortcomings - remains you want organic 


, i forms, it’s a good 
the best choice. Over the next few pages we'll eee tee 
choice and is easy 


look at some of the artwork created using enough to learn. 
Dimensions models as their base. Even if you're 
only exporting a basic outline model, creating 
such objects as a perspective box can be done 
in seconds in Dimensions: the same illustration 
might take hours to create in Photoshop. 

The illustrations I'll discuss in the rest 
of this chapter all use Dimensions as their 
starting point, but I'll stress that the program 
can't generate anything near finished 
artwork. | won't go through a step by step 
tutorial showing how to create the models in 
Dimensions itself; instead I'll discuss how to 
make these simple PostScript models come 
to life, using the tools and techniques in 
Photoshop. If you want to try Dimensions for 
yourself, you'll find a demo copy on the CD that 
accompanies this book. 
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Remote, but in control 


HIS IMAGE was created for the Radio Times magazine to 


a accompany a story about two new BBC television channels. : 


The remote control's buttons had to be oversized to get the 
point across: the four BBC buttons were to be made the most 
prominent, with buttons for the other channels hidden behind 
the hand holding it. 


While photographing an existing remote control might have 


buttons made this an impractical route. Adobe Dimensions was 
the obvious choice to construct the basic model, providing a 
good starting point with which to work. 


This was a simple model to create 
in Dimensions: a curved bevel was 


; added to the remote's outline to give 

: the rounded effect. The model was then 
: saved in two parts: first the buttons 

> were hidden, the model rendered as 

: a PostScript image and then saved 

: as an EPS file; then the buttons were 

: revealed and the base hidden, and 

: exported as a separate image. 


= | keep a selection of hands 
«J (many of them my own) to use 


: for holding a variety of objects. This 
: one fitted the remote perfectly, and 
. A . . . : a layer mask was used to tuck the 
seemed the obvious choice, the task of getting rid of the original -bottom of theremote behind the base 
: of the thumb. This is exactly the same 
: technique as that outlined in Chapter 


: 2, Hiding and Showing. 


n Ese} 
we IN Os Oe Te 


This is the basic model imported 
2 into Photoshop in two layers. 
By creating the model in two parts 
we've managed to keep the elements 
separate, so that they can be treated 
individually. 


The buttons were given a degree 
3 of shininess by brushing over them 
with the Dodge and Burn tools. An area 
was then defined within the remote 
and a new layer created; this was then 
filled with a dark gray, followed by 
Gaussian Noise and then Gaussian Blur 
to soften the effect. The slight blue tint 
was simply added using Color Balance. 


4 The Noise/Blur layer was selected 
and its perimeter expanded by 
3 pixels; on a new layer, this rim was 


an inner bevel. The red plastic cover at 


the top of the remote was created by 
making a new layer from an elliptical 


leading edge was brightened up. 


Because the hand was simply 

dumped on top of the remote, it 
looked artificial and unconvincing. The 
bottom edge of the hand was shaded 
using the Burn tool; then a new layer 
was created beneath it, onto which 
a soft shadow was painted using the 
Brush tool set to 50% opacity - this 
allowed me to build up the shadow 
gradually where needed. 


The glow effect within the lit- 
7 up buttons was added using 
the Dodge tool to highlight them; 
the edges, previously very dark, were 
brightened considerably. The buttons 
were then each colorized using the 
Hue/Saturation dialog. The seating for 
the buttons was added by creating 
a Pillow Emboss using Layer Effects, 
which made the bed of the remote look 
like it was cut to receive the buttons. 


The text and symbols were typed 
8 and drawn as appropriate, and 
skewed into the correct perspective 
to fit the buttons. Placed below the 
shadow layer, they allowed the shading 
to appear on top of them. In order to 
give the impression of the text being 
incised into the buttons, the Emboss 


feature in Layer Effects was used again : 


- this time, the usual direction was 
reversed to give the impression of 
depressed rather than raised buttons. 


: Since this image 
j : was destined 
shaded using Dodge and Burn to create = for the printed 
: page, it was 

: important 
selection that intersected the base. This : aaa in 
was then filled with a dark red, and the : CMYK. This was 
: particularly 

: relevant 

: when adding 

: highlights to the 
: colored buttons, 
: since these are 

: areas where 

> an image can 

: easily go out of 
> gamut. After 

: highlighting 

: each one, | 

: used Hue and 

> Saturation to 

: colorize it: by 

: flipping in and 

> out of CMYK 

: Preview mode 

: (BO Ge) 
> I could check 

: when the button 
: was too bright, 

: and reduce 

: the saturation 

: accordingly. 
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A piece of cake 


FTEN, THE MOST BASIC 3D MODEL can be used as the 


starting point for a realistic illustration. In this instance, 
the brief was to draw a cake in the shape of the Channel 4 
television logo for a story about a proposed sell-off (carving up 
the cake — when in doubt, pounce on a ready-made metaphor). 
While it would have been possible to create this illustration 


entirely in Photoshop, using the Free Transform tool to create the : 


perspective, the ability to generate a simple 3D model makes it 
easier to get started. 

This illustration uses a combination of drawn elements (the 
cake and the icing) and real photographs - notably the cake 
texture. While it would be possible to draw this texture, it would 
be hard to do convincingly; and after all, that's what digital 


cameras are for. 


1 The model was created in just 
a few minutes in Dimensions. A 


: rolling bevel was used to give a slight 
: undulation to the edge of the cake. 


In the end result, almost nothing 


: remained of the original model - but it 
: served its purpose as a useful template 
: to build the illustration around. 


Fy 
4 


5 The cake was then merged into 
a single layer, and the tip cut off 


: in a jagged line using the Lasso tool. 

: This was made into a new layer to 

: allow the two elements to be handled 
: independently. The crumbs around 

: the cake were made by drawing 

: small selections over the original 

> texture in QuickMask, then moving 

: them down to their new position. The 
f rectangles making up the logo were 

: also strengthened to make them easier 
: to read. 


I started by creating a selection 
2 using the top and wavy edge of 
the cake to make a new layer, which 
was then colored pink, to which a 
small amount of Gaussian Noise was 
added. Noise prevents forms drawn 
in Photoshop from appearing too 
shiny, which would detract from their 
plausibility as real-world objects. 


Cake texture and cream were 
6 copied from elsewhere in the cake 
and placed behind the cutoff section, 
following the perspective made by the 
slicing. A silver cake slice placed behind 
this gave it a reason to be floating in 
mid-air. 


A scan of a piece of real cake was 
3 placed beneath the icing layer, 
and grouped with the base model so 
that it only showed where it overlapped 
the model. The icing layer now looked 
too pasty by comparison, so its strength 
was increased simply using Brightness 
and Contrast. 


The background was a solid fill of 

50% Cyan, 25% Yellow: on top of 
this, a Black to Transparent Gradient 
Adjustment Layer was placed to create 
the shading. By keeping this shading 
on a separate layer, it was possible to 
adjust it later for both position and 
opacity. 


Plastic Wrap was used in 
moderation to add a shine to 
the surface of the cake, giving it an 


additional gloss. The cream was painted : 


on a new layer using a soft-edged 
brush; this was then filled with a small 
amount of Gaussian Noise, and shaded 
using the Dodge and Burn tools set to 
Midtones. 


=, 


8 These seemingly complex 
reflections were surprisingly easy 


to create. The cake was duplicated, and : 


a Wave filter applied: this was then 


dragged to the back of the artwork, and : 


the opacity reduced accordingly. The 
reflections of the crumbs, cake slice 
and sliced cake were created in the 

same way. 


: There are times 
when too many 
: layers just get in 
: the way - such 
: as when we 

: want to cut a 

; slice off, as in 

: step 5. Rather 

: than merging 

f the layers 

: irrevocably, 

: it's better to 

: create a Layer 

: Set using all the 
: elements so far, 
: duplicate that 

> set and merge 

: the duplicate to 
: create a single 

: layer. An easy 

: alternative is 

: to hide all but 

: the layers you 

: want to merge, 
: make a new 

: layer, then use 

: GATO 


: to make a 


: merged copy of 
: all the visible 

: elements in the 
: new layer. 


SHORTCUTS _ 
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\, Jf} ovets BUILT IN DIMENSIONS don't 
Wi always need to form the bulk of the 


: illustration. Often, there's just one element that 
: is either difficult or impossible to photograph, 

: yet is easy to create as a 3D model. The 

: advantage of making simple models is that, 

: unlike photographed objects, there's no fiddly 

: cutting out to be done; in the case of the 

: wireframe globe on the facing page, even if 


: there had been a suitable photograph, tracing 


1 This 

| exploded 
Union Jack was 
for a story in 
The Guardian 
about suggested 
redesigns for 
the national 
flag. Once I'd 
conceived the 
idea for the 
illustration, 
Dimensions 

was the natural 
choice: | simply 
imported a Union 
Jack and twisted 
each section 
individually. In 
this case, rather 
than rendering 
a finished 
model | copied 
the PostScript 
outlines and 
pasted them 
directly into 
Photoshop as 
paths: that way, 
| could isolate 
each section and 
color and shade 
it separately 
from the rest. 


around each strut of the wire would have been 
an endless task. 

The images on this page were all 
commissioned jobs which would have been 
tricky to create without a 3D modeler on hand. 
Since newspaper work is always completed to 
tight deadlines - often just a couple of hours 
- the speed of Dimensions in rendering even 
large images makes it a better solution than 


waiting for a high-end modeler to finish. 


This illustration was for a 

Guardian feature about dumbing 
down - specifically, the horrors of 
globalization. The wireframe model 
was created as a series of semicircular 
hoops: the entire model was then 
rotated 180° about its axis to generate 
the wireframe in two sections. To 
get the metallic effect, | used the 
EyeCandy 4000 filter (see Chapter 12). 


Modeling this sun bed (for an 
3 illustration for .net magazine) 
was simply a matter of placing a 
series of beveled tubes next to each 
other: those ugly overlaps seen along 
the side in the original model were 
easy to smooth out in Photoshop. 
The shading wasn't as complex as it 
looks: it's the reflection of the man's 
arm and legs that makes the surface 
look like polythene. 


The countries were drawn by 
wrapping a drawing of a globe around 
a sphere model, also in Dimensions, 
and then coloring and shading the 
result accordingly. 

By creating the wireframe in two 
halves, | was able to place one at the 
back and one at the 
front, making it easy 
to arrange all the 


objects between the two. This trick of 
splitting a model in half is a useful one : 
for a large variety of purposes: drawing : 
a bottle or jar, for instance, in two : 
halves makes it easy to place objects —: 
inside it without having to worry about : 
complicated masking procedures. : 
Splitting things in half is also a useful : 
technique for items like shopping 
baskets and trash cans. 
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The third dimension 


OSER IS A UNIQUE 3D MODELING 

application. It has just one purpose: to 
produce images of people, as realistically as 
possible. 

The realism of the application's output 
increases with each new release, and it's getting 
to the stage where the figures generated 
look almost real. Almost, but not quite: you 
can still tell that a figure has been generated 
rather than photographed. Nevertheless, with 
a bit of work in Photoshop it's possible to get 


e Poser phen 


omenon 


This image for 
MacUser magazine 
was to illustrate 

a feature | wrote 

on Poser. Models 
need a fair amount 
of work after you 
import them into 
Photoshop, cleaning 
up jagged edges 
around knees 

and elbows, and 
smoothing out odd 
wrinkles in the skin; 
but it makes a good 
starting point for 
cases where you 
can't find the right 
pose elsewhere. 


acceptable results from Poser without having to 
go to the expense and inconvenience of hiring 
models (or the embarrassment of asking them 
to take their clothes off). 

With its quirky interface, Poser 
(www.curiouslabs.com) looks and feels like no 
other program. As well as being a powerful 
modeler, it's also fun to use, as long as you've 
got enough RAM: the latest version requires at 
least 200Mb assigned to it, and is far happier 
operating with a whole lot more. Poser comes 
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with a range of reasonably convincing figures 
of its own; but if you want greater realism, 
you'll need to purchase additional models from 
Daz3D (www.daz3d.com) who, under the name 
Zygote, developed the original Poser models. 
For the digital artist interested in generating 
photorealistic images, Poser is useful in that 
it's quick and easy to model any pose you like; 
using the Daz3D models, you can even change 
the physiognomy of the faces and bodies of 
your models to suit your needs. 
Version 5 of Poser added the ability to model 
faces on portrait and profile photographs 
of real people, adding an extra dimension 
to the program's power: several interface 


Poser's interface 
may be confusing 
to new users, but 
it’s easy to use once 
you get the hang 
of manipulating 
your figures using 
the modeling tools. 
Rendering the final 
image only takes 

a few minutes, 
resulting in a TIFF 
file with an Alpha 
channel that can 
be used to isolate 
the figure from its 
background. 


enhancements make it better than ever. 

Poser is a little frustrating in that the figures 
never quite look real enough to fool even the 
most casual of readers, even though it improves 
with each new version. But Poser is great for 
generating crowds of out-of-focus people to 
populate your backgrounds, for creating roughs 
or for building wireframe models for cases 
where you want a computer-generated look. 

A wide range of clothing, hair and tools is 
available, both from Daz3D and from many 
third party and shareware sources - one of the 
best is www.renderosity.com, who distribute 
free and low-cost clothing, props and models 
from their website. 
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Reality overload 


REALITY IS ALL VERY WELL, but it can be a little dull. Photoshop gives us the 
opportunity to make real life more exciting, more vivid and more dynamic. 
Throughout this book I’ve concentrated on techniques for making images look 
as realistic as possible; but we shouldn’t let our desire for realism get in the 
way of a good picture. 

We instinctively know when something looks plausible, and when it 
doesn’t. We’ve all seen old films showing flying cars, rockets and men falling 
out of airplanes, and have sensed that the real thing wouldn’t look that way. 
But how do we know what the real thing would look like? Most of us have 
never seen a rocket from space, or someone falling from a plane. It’s likely that 
the ‘real thing’, when filmed, wouldn’t look convincing either: in many cases, 
creating a plausible image is more important than one that adheres rigidly to 
the confines of reality. 

Often, the way we remember an object or scene is of more importance 
than the prosaic reality. Let’s say you wanted to draw a time bomb, to 
be incorporated in a montage. You could spend hours researching bomb 
construction on the internet, and end up with a dull, colorless device that 
readers would find hard to interpret. Or you could simply draw two orange 
sticks attached by curly wires to an analog alarm clock, and you’d have an 
instantly recognizable image. 

Let’s take a different example. You’re creating a montage of the President 
of the United States at his desk in the Oval Office. Without suitable reference 
material, you must rely on your memory - and the collective memory of your 
readers - to make the picture work. So you assemble a large desk, a high- 
backed chair, and a window with flags hanging either side of it. But what of 
the view through the window? It’s likely that, should the President turn in his 
swivel chair, he’ll gaze out over a dull stretch of White House lawn. For the 
reader, though, such a scene wouldn’t help to place the location. If you instead 
opt for a view of another government building, perhaps with a glimpse of a 
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dark-suited man in black sunglasses with a curly wire over his ear, you'll give 
the reader many more clues to where your scene is located. 

Cartoons, both in print and in animation, have educated us to recognize 
a host of artificial visual devices designed to accentuate the action. So we'll 
always see a puff of smoke as Road Runner suddenly takes off for the hills; and 
we're so used to seeing characters carry on running in mid-air as they leave 
a cliff top (before suddenly plunging to their doom when they realize their 
predicament) that we don’t think twice about the logic. In printed cartoons, 
we've come to interpret a series of wavy lines behind a running figure as 
indicating speed, and straight lines emanating from a central point as a sign of 
explosive activity. 

These metaphors have become so much part of the public consciousness 
that we can adapt them for use in photomontage. The result will tend towards 
illustration, and few readers would be fooled into thinking these were actual 
photographs: but, sensitively used, the cartoonist’s techniques can add life to 
an otherwise static composition. 

In real life, explosions are scenes of chaos and confusion, usually so 
wreathed in smoke that you can’t see what’s going on. In Photoshop, we can 
start with the elements of the destruction and add fire, smoke and sparks to 
illuminate the scene; we’re not so concerned with recreating the effect of a 
real explosion as we are with communicating to the reader that an explosion is 
taking place. Which means dipping into the collective subconscious to retrieve 
the sense of exploding material we’ve gathered from action movies. 

If what you want to do is fool your public into thinking they’re looking at 
a real photograph, then none of these techniques will apply. But if your aim is 
to create an illustration that’s entertaining and that tells a story, then don’t let 
the constraints of reality get in the way. 

In the next chapter we'll look at a few ways of making reality just that 
little bit more exciting. 
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Blurring for speed 
More blurring techniques 
Breaking glass 


Smashing things up (1) 


Smashing things up (2) 


Chaos and complexity 


' U 


The fall of the house of cards 


278 Enter the Terminator 
i} a S| 282 The cover of this book 


288 INTERLUDE: Photomontage ethics 


realism, but a graphic illustration. 


Real blurred photographs may give the sense of speed, 


but it's at the expense of clarity. By creating blurs and 
showing them selectively, we can give the impression of 

a fast-moving object without losing the detail. In this 
chapter we'll also look at how to make explosions and 
other scenes of destruction, as well as how to make 
complex scenes comprehensible. And in the most complex 
workthrough in this book, we'll see how you can turn 
yourself into the Terminator with minimum pain. 


ett 
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Blurring for speed 


: ø Here's the proud owner of a new photomontage shop, 

| photographed outside his premises. He's been positioned 
: so we can see the sign behind him, but it's all rather lacking 
: in dynamism; the empty space to the left of him badly needs 
: filling. 


HE ILLUSTRATION ABOVE was to illustrate 
a Sunday Telegraph article on the 


| 
| 
1 


| 
proposed merger of American Airlines and 
British Airways. It was a simple enough job: 
fitting the heads of the two airline bosses to 
the bodies, and placing the logos on the backs 
of seats. But | felt that as it stood, the image 


was too static: so | added a Radial Blur to give 


the Impression of speed. : 4 Here's a model of a space shuttle taking off into the 


F skies. It's clearly not the real thing, and looks little 
: better than a child's toy suspended against an unconvincing 
: sky. Motion Blur, once again, can help bring this static image 
and how to get the best results from the filters. : to life. 


In this section we'll look at how to use blur 
techniques to give the impression of movement, 


IMAGES: BODYSHOTS (PEOPLE), HEMERA PHOTO OBJECTS (SPACE SHUTTLE), COREL (SKY) 
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Placing a passer-by in the scene helps with the 
2 composition of the montage, and her bright red suit 
adds a much-needed splash of color. The trouble here is that 
she's too strong an element: she draws the eye away from 
the main focus of the picture. 


The shuttle layer is duplicated - we don't want to lose 
5 its sharp outline, only to add a blur on top. This layer 
is then blurred using Motion Blur. But the filter works in 
both directions: to make the shuttle look as if it's speeding 
forwards, we need to move either it or the blur. 


Applying a small degree of Motion Blur to the figure 

makes it appear as if she happened to be walking past 
while the photograph was being taken, and knocks her more 
firmly into the background. Of course, in reality a person 
wouldn't be blurred as evenly as this; but the effect works. 


By moving the shuttle to the top end of the blurred 
layer, the whole of the blur takes place behind it. The 
flames shooting out of the rocket boosters help: these are 


Chapter 2, Hiding and Showing. 


: The Motion Blur 
: filter offers 

: no preview 

: within its dialog 
: - instead, the 

: blur is displayed 
: on the whole 

: image every 

: time you make 
: an adjustment. 
: Getting the 

: angle of the 

: blur right can 

: be tricky: but 

; rather than 

: dragging the 

: direction wheel, 
: highlight the 

: Angle field and 
: use the Up and 
: Down cursor 

: keys to change 
: the angle of 

: blur in small 

: increments. 
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simply fireworks, merged in using the techniques described in : 
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IMAGE: COREL 


More blurring techniques 


D 
eax speed, but can also help to focus the 


reader's attention. The illustration above was for 
Men's Health, to show how wearing a hands- 
free headset would help to lower stress levels 
while driving (this was before it was suggested 
that hands-free headsets might fry your brains 
while you're chilling out). The car we want the 
reader to look at is buried amongst the traffic, 
but by blurring the vehicles around it | could 
ensure that the reader wouldn't be distracted 
by them. 

On these pages I'll discuss how to make both 
Motion Blur and Radial Blur work together, to 
give the impression that a static car is really 


moving. 
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“Here's our driverless sports car, careering out of control 

f ona shopping street. The immediate problems are 
apparent: first, the car clearly isn't moving; and second, the 
angle of view of the car bears little relation to the street on 
which it's been placed. 


ff The first way to give an impression of movement is to 
“F add Radial Blur to the wheels. A circular selection is 
made into a new layer, which has Radial Blur (Spin) applied, 
as seen on the left; this is then masked (right) so that the car 


body is no longer blurred. 


=7 Motion Blur, as | explained on the previous page, works 
A in both directions. But we only want the blur to show 
behind the car - not at the front, where it hasn't been yet. So 
the whole blurred layer is simply moved to the right so that it 
trails behind the vehicle. 


a Cars are complex shapes, and distorting its perspective 


& would have been a laborious and probably impossible J was still visible through the window. Making a layer 
task. But it's easy to change the perspective of the street mask, we can hide the view through the window so the 

to match the car: Free Transform is all that is required. The street is visible. Then, by reducing the contrast of the mask, 
shadow beneath the car also helps to position it. we can make it appear as if we're looking through glass. 


; Simply adding 
: Motion Blur 

: to a layer can 

: have the effect 


: of muddying 
n ; : the image, 
fe The whole car is then duplicated, and Motion Blur a Because the car is viewed in perspective, the straight : rather than 
«J applied to the new layer. It's fairly easy to adjust the lines of the blur no longer match all the angles of the : adding a sense 
angle of the blur to match the dominant angle of the car, as car. Using Free Transform, we can distort the blur to make it : of speed to it. 
the filter gives you a full-screen preview of its effect. follow the perspective of the car reasonably well. : Blurred images 


: will often need 
: brightening up 
: to make them 
: work more 

: convincingly; 

: it's also worth 
: experimenting 
: with setting 

] f their layer 

: modes to Screen 
: or Hard Light 

; to enhance the 
: effect. 


) The blur hid too much of the original car, and blurred 
\J elements such as the wheels didn't look convincing. So 


Q The whole image still looked too static: the car was 


J clearly moving, but the sense of speed didn't come 


we can simply make a layer mask for the blurred layer, and through. The answer is to add a little Motion Blur to the : 
paint out those areas we want to hide: now we retain much background as well, as if the photographer had tried to : | CD 
of the car's detail, while keeping the sense of movement. follow the car's motion but didn't quite manage it. 
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D] REAKING GLASS IN PHOTOSHOP has 

LJ little to do with broken glass in real life, 
which tends to look dull and lifeless. We want 
to give the impression of serious damage, as in 


the illustration above for The Independent: the 


violence of the act must be more apparent than : 


the actuality. 

Here, we'll look at the process of smashing 
the glass on the front of a television screen: 
the glass will explode outwards to heighten the 
effect. In real life, of course, smashing a screen 
would cause the glass to implode inwards, to 
fill the vacuum inside the tube; but real life is 
sometimes too dull to reproduce. 

On the following pages, we'll look at how to 


turn this broken screen into an explosion. 


A The original screen on this television has been replaced 
1 by a new layer, tinted blue and accented using the 


: Dodge tool to make it more appealing. Since the days of 
> black and white TV, we're used to screens looking bluish. 


A |n the last step, we reduced the selection area to the 
=f original Lasso selection minus a thin border at the right 


: edge. When we now exit QuickMask and delete, we're left 
: with just the brightened edge of the glass to give some 
: thickness to the broken edge. 


=y Nudge the selection down a couple of pixels (don't use 


Å the Move tool or you'll move the layer), and use the 
Brush tool set to Behind to add some thickness to the glass. 


: There will be some awkward double spikes at the pointed 
: ends; these can be removed using the Eraser. 
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Using the Lasso tool, select an irregular shape on the 
2 screen and brighten it up. If you hold while 
clicking points on the screen you can draw Straight selection 
lines between the points. 


3 Enter QuickMask mode by pressing @ and select the 


and left a couple of pixels; then inverse the selection and 
delete, so only a fraction of the highlight remains. 


Don't deselect, but use the Dodge tool to brighten up 
those shards so that they look more reflective. Again, 
use the tool unevenly so that the pieces don't end up looking : 

too uniform in appearance. 


On a new layer, draw individual shards of glass with 

the Lasso tool - simple triangles work best. Using a soft 
brush at around 50% opacity, paint some color from the 
screen into these shards, but don't fill them completely. 


Duplicate the glass shards layer, and use Free Transform Make another duplicate of this layer, and reduce that 
to shrink the new layer towards the centre of the screen 9 in size even further - you can add a small degree of 

(hold the key as you drag a corner handle). Lower 

the opacity of this new layer to around 50% to give the 


impression of movement. Finally, paint a little smoke inside the screen. 


red mask with the Magic Wand. Nudge the selection up : 


rotation as well if you wish. Reduce the opacity of this layer f 
still further, to around 20%, to complete the explosive effect. : 
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; If you don't 

: see the 

: broken screen 

: highlighted in 

: step 3, but see 
: the inverse in 

: red instead, 

i it's because 


you've got your 


: QuickMask 

: settings set 

: to default 

: (Masked Areas). 
: Double-click 

: the QuickMask 
: icon and change 
: the settings to 

: Selected Areas, 
; which is easier 
: to work with. 


FIREWORK IMAGE: COREL 


ø Here's the same television we used before, placed 
: against a black background. If you're going to use 
: explosions and flying glass, the effect always works best 
: against a dark background; explosions rarely show up well 
ww © against white. 
W W atsome time or other, to take 


a sledgehammer to our computer when it 
freezes? Or to our television during an election 
broadcast? With Photoshop, it's easy to vent 
your anger without voiding your insurance. 

The illustration above was for a Sunday 
Telegraph article about the end of so-called 
internet hotels. The fires and explosions simply 
add to the sense of chaos. 

The principles of breaking up technology 
apply equally well to televisions as to hotels: it's : 
a matter of making holes and then filling the : 
gaps. Following on from the previous page, we'll 


look here at how to make a television explode. 


A Now we can bring in the flying glass and broken screen 
: ST from the previous page, rotating it to fit the new angle 
: of the screen border. That's the basics of the television 

: finished: all we need to do now is to add the elements that 


: will make the destruction look more explosive. 


m Begin by selecting the front panel, then cut it to a new 


& layer using 


. It's now easy to 


distort it to a new position: although I've kept it close to the 
original, there's no reason why you shouldn't have it flying 


halfway across the room. 


p Fireworks make great explosions. This firework has been 
«J placed just in front of the rotated side, and the black 
background knocked out of it using the techniques described 
in Chapter 2. The back edge of the side was painted out on a 
layer mask so that the firework spilled out behind it. 


æ Repeat this process with the side, rotating it in the 


«J opposite direction. Add some shading with the Burn tool : — 


to give the effect of a shadow. You'll also need to draw the 
inside of the frame, on a new layer: simply fill the outline 
with a color picked from the TV, and shade it. 


@~ The firework layer is duplicated to make a second 

C explosion, and a bunch of other electronic material is 
added to give the impression of the guts of the TV flying out 
in disarray. Next time you upgrade your computer, remember 
to photograph the boards before throwing them away. 


: In the 

: introductory 

: illustration 

: (opposite), | 

: had to build the 
: interiors of the 
: rooms visible 

: where the 

: brick wall had 

: broken away. 

: This was easily 

f done by shading 
: and distorting 

: patches of 

: wallpaper 

: to match 

: the existing 

|: perspective. 

: To give the 

: broken bricks 

: some thickness, 
: I duplicated 

: and nudged 

; them using 

: the technique 

: described at the 
: beginning of 

: Chapter 10. 
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Hyper realism 


N THE PREVIOUS 

spread we looked at 
an explosion in the act of 
occurring, complete with 
sparks and flying glass. Here, 
we'll step forward in time to 
view the destruction after it's 
happened. 

This piece of artwork for 
the Sunday Telegraph was for 
a story about the break-up 
of the telecommunications 
company Energis, graphically 
illustrated by a smashed 
telephone. It's a fiddly job, as 
each of the buttons on the 
handset needs to be isolated 
and distorted individually; but 
it simply takes a little patience 


to ensure that all the pieces fit : 


where they belong. 

Never having studied the 
interior of a telephone, | have 
no idea if they contain printed 
circuit boards or this sort of 
wiring. But this is artwork, not 
technical illustration; such 
niceties as factual accuracy 
need not concern us. 


To begin with, | simply photographed a phone with the receiver off the hook. 
By placing it on its side, a small sense of chaos is already achieved. | chose a 


: phone with the keypad in the receiver so that I'd have the base free on which to 
: place the Energis logo afterwards. 


: 4 The interiors of the base and the handset were drawn and filled with a flat 


color to fill the gaps where the tops had been broken off. This was simply 


: a matter of inventing the new shapes using the Pen tool to draw the smoothly 
* curved outlines. 


The speaker is simply a loudspeaker from a stereo system, photographed and 
distorted to fit; the printed circuit board is actually a computer logic board 


: cut to fit the interior of the phone. 


Opposite is the finished illustration, with background and shading added. The 
Energis logo was taken from their website and redrawn, then distorted using 


; the Shear tool; the shading was added using the Emboss feature in Layer Effects. 
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y The first step was to separate the two halves of both the receiver and the #) Each button was isolated using 
L handset, exactly as shown in the television example on the previous spread. J QuickMask, and then cut to a new : 
While it would also have been possible to break the handset into shattered layer using Gig i oitinnathe 
fragments, it adds to the sense of realism if the constituent parts remain intact. The button background was recreated, : g 
; : : buttons was the 

If you (or your children) have ever tried to break a telephone handset, you'll know and then the buttons rearranged nee 

or ete : trickiest part of 
how resilient they can be. individually. 


: this illustration. 
: It would have 

: taken too long 
: using the Pen 

i tool: instead, 

l entered 

: QuickMask 


ms : mode and used 
as : a hard-edged 
/ € : brush of the 
\ f i pe et ô : same diameter 
TEOTAN í : as the end of a 
: button. Clicking 
: at one end, then 
| To make the interiors look more realistic, shading was added using the Burn rc The disk covering the mouthpiece : holding 
© tool to give a sense of depth and roundness. The horizontal ridges inside the O was cut to a new layer, and both : and clicking at 
back of the handset were added because the flat interior looked too dull without the disk and the hole given depth using : the other end, 
them. the techniques described in Chapter 9. : drew a smooth 


: lozenge that 

: exactly fitted 

: the shape of 

: each button. If 

: you're using a 

: graphics tablet, 
: this method will 
: only work if you 
: have pressure 

: sensitivity 

: turned off. 


IMAGES: STOCKBYTE, HEMERA, PHOTODISC 
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W VW right across a spread, it can help to 


pack a lot of detail into it. This illustration for 
the student magazine Juice showed a student: 
struggling to write his curriculum vitae (résumé) : 
amid the chaos of his untidy living quarters. : 

| decided on the top-down view of this : 
illustration simply to add dynamism to it: plus, | : 
knew I had a picture of a desk and chair viewed : 
from above. All the other props were either 
photographed or distorted to fit. 


ø The student was clearly going to be the key figure in 
this image, so it was important to find the right one. 


; Many royalty-free photographs of people are shot from up a 
; ladder; this one had enough action to make him appear to be 
: struggling with his task. 


A The next major props were the computer, the trash 


: SF basket and the guitar. The guitar was given depth, and 
: the desk drawer opened, using the techniques described in 
: the first two sections of Chapter 10. With the big stuff in 

: position, | could place the smaller items. 


4ia" i eb ai 


a The desk and chair were the next major props. Originally 
L the chair was facing the desk, but it didn't take much 
to move it; the only constraint was positioning it so that its 
perspective matched that of the rest of the scene. The props 
on the desk were too business-oriented, but they'd all be 
covered up later. 


J to an irregular shape. The image needed a solid base, 
but | didn't want to square it to maintain the visual interest 
of the scene. | also changed the student's expression and 
recolored his T shirt. 


* All the other props were added and positioned where 
5 they fitted best. You need a fairly comprehensive library 
of images in order to find all these elements; most of the 
elements used here came from the Hemera Photo-Objects 
50,000 collection. 


@ The final stage, as ever, was to add the shadows. These 
O were created on several layers - one above the carpet, 
one grouped with the top of the desk, and so on. There's no 
point adding shadows until the composition is more or less 
complete, since they can be awkward to edit afterwards. 


4) The carpet was simply a scan of a piece of wallpaper cut : J 


; Creating an 

: irregular 

: outline for an 

f illustration is 

> an easy way to 
: add life to the 
: image when 

: it's printed: 

: this is far more 
: appealing on 

: the page than 
: a squared-up 

: picture would 

: have been. The 
: key is knowing 
: which elements 
: need to be 

: included, such 
i as the carpet, 

: and which can 
: be missed out: 
: l originally put 
: a wall behind 

: the desk, but 

: removed it 

: when it became 
: clear it wasn't 
: needed. 
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The fall of the house of cards 


AKING THIS HOUSE OF CARDS appear : 


to be in the process of collapse - 


while still looking like a house of cards - meant : 


that each card had to be carefully placed to 


show it in the act of falling. 


The illustration was for The Guardian, relating : 


to an article about the demise of energy 


company Enron. Their distinctive logo, placed 


on the back of each card, tied the illustration to : 


the story. 

In this instance | made the original card 
house model in Dimensions (see Chapter 9), a 
simple task which took just a few minutes to 
put together. This formed the template around 


which the cards were built. 


] The Dimensions model showed the formation of a 
| completed house of cards. While this wouldn't be used 


: in the finished illustration, it made a useful template to show 
: where to place the cards themselves. 


A A few cards were added that break out of the line of the 
“F template. At the bottom of the pile, the cards were only 


: slightly disarrayed: any misalignment here would cause more 
: chaos higher up the stack. Each card was simply distorted to 
: look as if it was falling. 


The Enron logo was placed on a card-shaped 

background, drawn with the Shapes tool. The patterned 
area outside the logo was filled with a cross-hatch pattern 
that | created for drawing fences, and colored. 


With all the cards in place, the template could be hidden 
5 so that we can see the full effect. No shading has been 
added yet, although the cards were given some thickness by 
selecting each one and holding as it was nudged up 
and right a couple of pixels. 


The first few cards were put in place, following the 
template. Each card was distorted using Free Transform 


to fit the template and placed behind the card in front of it: 


it was easier to work from the front backwards. 


6 Each card was shaded using the Burn tool to add 


realism to the scene. In addition, the falling cards were 


duplicated and rotated, and their opacity reduced: those at 


the top were set to 30% opacity, reducing to just 10% at the 


bottom of the stack. 


: Using a simple 

: modeling 

i program such as 
: Dimensions can 
: greatly help in 

: the placement 

: of objects in a 

: 3D environment, 
: even when the 

: template is 

: discarded at the 
: end. Matching 

: this sort of 

: perspective 

: viewpoint would 
: have been a 

: much trickier 

: task if the cards 
: had all simply 

: been placed by 
: eye: I know this 
: to be true, since 
: this was the 

: way I originally 
: attempted to do 
: the illustration. 


=m 
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Begin by creating a new layer to 


ACH CHAPTER IN THIS 
book has dealt with a 
separate technique. In the 


: through the hole in the face. Draw a 
: ragged selection with the Lasso tool, 
: and fill with a mid-tone gray. 

real world, however, a single 
montage may easily combine 
many different skills to make 
the image work. 

This workthrough was 
requested by a reader of the 
first edition of this book, who 
wanted a way to make himself 
look like the Terminator from 
the movies. It's a complex 
operation, requiring several of 
the methods described earlier 
in this book; so we'll take the 
unusual step of running this 
workthrough over four pages, 


rather than the usual two. i To draw the teeth, first make a 
: 6 new layer above the skull layer 
: and then use a small, soft-edged 
: paintbrush loaded with white to paint 
: each tooth in turn. Because this layer 
: will also be affected by the Curves 
: layer, the teeth will look metallic. 


make the base for the skull as seen 


;— Channel: RGB sy — 


Input: EZ 


Output: 


2 Now for the clever bit. Make a 
new Curves Adjustment Layer 


from the bottom of the Layers palette, 


and draw a curve like this one: group 
the Adjustment Layer with the skull 
layer so it doesn't apply itself to the 


face as well. 


att T 
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The veins on the head are drawn 
7 in red on another new layer, using 
a soft-edged brush - again, beneath 
the Curves layer. By adding embossing 
using the default layer style settings, 
the veins look three-dimensional even 
as they're being painted. 


The hole will appear to darken. Use 

the Burn tool to begin creating the 
skull, using a soft-edged brush and a 
low opacity - around 40% is best. The 
results will be odd at first: the Curves 
layer will mean that areas you think 
you're darkening begin to look brighter 
at first. 


Now for the gore. Make another 
8 new layer, this time above the 
Curves layer (but still grouped with 
it). Paint the rough area in gray with 
a soft-edged brush, and add some 
random highlight and shadow using the 
Dodge and Burn tools. 


Keep on with the Burn tool, and 
the areas which have got brighter 
will begin to darken again. Because 
of the Curves layer, we're creating a 
metallic effect as we paint; see Chapter 
8 for more on how this effect works. 


Apply the Plastic Wrap filter two 
9 or three times to build up the 
strength, and then tint the layer using 
Color Balance to add a reddish hue to 
it. As it stands, the gore is a little too 
opaque; we can fix that in the next 
step. 


By working with a low opacity, 
5 you can build up the contours of 
the skull bit by bit. Remember that if 
you hold while painting with 
the Burn tool, you'll temporarily access 
the Dodge tool to brighten the layer. 
With a bit of patience you can create a 
convincingly shiny skull effect. 


To make the gore stronger but 
1 O more transparent, change the 
mode of the layer to Hard Light. This 
lets us see through it to view the detail : 
of the skull beneath, without losing any : 
of its strength. 


CONTINUED OVERLEAF : 


: Painting with 
: Dodge and 

: Burn while 

: viewing the 

: layer through 
: the Curves 

: Adjustment 

: Layer often 

: produces 

; surprising 

: results. The trick 
: is to work with 
i a low pressure, 
: making 

: several small 

: adjustments, 

: to produce 

: a convincing 

: effect. 
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: 1 1 Now we'll create some 


thickness for the skin. Hold 


: and click on the name of the 
: skull layer, then switch to the base 

; layer and make a new layer from the 

: selection. Load the selection again, and 
: nudge it to the left by a few pixels. 


: 1 7 To complete the eye, draw the 


pupil on a new layer (above 


: the Curves layer) by placing a blob 

> of black, then a blob of red inside it, 

: using a soft-edged brush. A tiny blob of 
: white acts as a highlight and gives the 
: eyeball additional realism. 


Delete the selection, and 
12 you'll be left with just a rim 
on the right. Move this rim to the top 
of the Layers stack, so it appears above 
everything else, and darken it up using 
the Burn tool. 


At this stage, we can add some 
1 8 blue to the skull to make it 
more steely in appearance. Make a new 
Adjustment Layer, this time using Color 
Balance, above the Curves layer and 
grouped with it. A touch of Cyan and 
Blue is all that's needed here. 


13 Now to give the edge of the 
hole some thickness. Load 


up the skull area as in step 11, then 
expand the selection by 8 pixels; load 
the selection again and delete it, 
leaving just the 8-pixel border, and 
make a new layer from the face. Apply 
a default Emboss to give it some depth. 


To make the hole look more 
1 9 blasted-open, draw a rough 
tear on a new layer beneath the skull 
layer, fill it with a flesh tone sampled 
from the face, and add shading with 
Dodge and Burn. The shadow is added 
on a new layer behind this one. 


The border, with the Emboss 
14 layer style applied too it, 
looked far too regular. Using the 
smudge tool set to a low opacity, 
wiggle it around so it looks more 
natural and scar-like. 


As it stands, the face looks 
20 too calm and unthreatening. 
Make a copy of the face layer, and add 
shading with the Burn tool around the 
hole and elsewhere, for effect. Set the 
Burn tool to Midtones to avoid simply 
adding gray shadows. 


Now make a new layer above 
1 5 the Curves layer and grouped 
with it. Using a soft-edged brush 
loaded with black, paint a shadow 
inside the skull area. This makes the 
hole look far more recessed. 


With everything that's going on 
2 1 in this picture, the skull seems 
to be lacking in contrast. We can boost 
it by adding a new Contrast Adjustment 
Layer above the Curves layer (and 
grouped with it) to strengthen all the 
skull and metal layers together. 


4 
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The eyeball is drawn on a new 
1 6 layer just above the skull layer. 
Once again, the Curves effect will be 
seen on it as you paint, giving it that 
same shiny, metallic effect. 


Finally, we can use the 
2 2 Liquify filter to distort the 
face slightly - adding a frown to the 
eyebrow, and pushing the lips apart so 
that they wrap around the split. You 
may need to use the Smudge tool on 
the scar layer as well. 


S HOT TIP 

: By using three 

: Adjustment 

: Layers - Curves, 
: Color Balance 

: and Brightness 
: and Contrast 

> — we can apply 
: these effects 

: in such a way 

: that they can 

: be edited later 
: if necessary. The 
: fact that they're 
: all grouped 

: with the skull 

: layer means 

: that they don't 
: operate outside 
: its bounds, so 

: the original 

: face remains 

> unaffected by 

> them. 
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The cover of this book... 


HE COVER OF A BOOK, ACCORDING TO 


conventional wisdom, should not be a 


work of art but an unashamed advertisement 
for the product. Which may well be the case 
with a book on, say, structural engineering or 
the reproductive cycle of earthworms - but 
| wanted this book to appeal to Photoshop 
artists, who tend to have finer sensibilities. 
The aim was to produce a cover that looked 
at a glance like a photograph but which, on 
closer inspection, clearly couldn't be anything 


of the kind. It's partly for this reason that | used : 


the head of Humphrey Bogart on the central 


character, to add to the sense of unrealism. The 


idea was to intrigue the casual bookshop reader : 


enough to pick it up and see how it was done: 
in your case, it's obviously worked. | don't know 
how many dozens of readers passed their gaze 
over it without a second glance. 

| also wanted the cover to be a showpiece 
for the techniques described in the book, so | 
included as many of the ideas in the book as 
| felt | could get away with. An earlier version 


had banks of snow and ice covering the ground, : 


which I thought gave the book a festive look 

- but which were removed when my publisher 
kept asking me what all that mist was doing 
there. No point arguing the case: if it didn't 
look like snow, it wasn't snow. It was a complex 


cover, and here's how it was done. 
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1 The first step was to set the 
l viewpoint of the cover. | had an 


: image in mind for the main figure, 

> which I'd used in the first edition of 

i this book; | chose this extreme, top- 

: down view because it's hard to create, 
: and because it looks good on the cover. 
: Here, it was simply a matter of tiling 

: the brickwork and distorting it using 

: Free Transform. 


G I'd had this figure, taken from the 
O Stockbyte collection, knocking 


: around for some years and rarely found 
: a use for him before. The trouble with 

: these up-the-ladder photographs 

: is that they're devilishly difficult to 

: incorporate in a montage without 

: making everything match their extreme 
: perspective. 


A The sidewalk was placed on top, 

= and angled so that its back edge 
matched a line in the brickwork. This, 
too, was distorted using Free Transform, 
and proved to be a horrendously 
difficult job: the strong perspective 
angle of the wall behind it was hard to 
match in a plane set at 90° to the wall. 
It took several attempts to get right. 


7 The figure had to be distorted 

A slightly to match the perspective 
of the wall exactly, which is why the 
hand holding the umbrella looks so 
stretched. That would be easy enough 
to fix later: in the meantime, | had to 
do something about the fact that he 
looked so horribly miserable. Would you 
buy a book from this man? 


©) To give the sidwalk some depth, 
J a copy of the front edge was 
placed on a new layer and darkened 
appropriately to the scene. The road 
surface is an expanse of asphalt | 
photographed last year, and it's been 


pressed into service many times since. 


© After trying out almost every 

O head in my collection - including 
my own, since | figured people would 
probably assume it was me anyway 

- | settled on Humphrey Bogart, who 
seemed to match the film noir mood 
of the cover setting well. | needed to 
find a picture of him looking up, and of 
course it was in black and white. 
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The wall and sidewalk were 
=F both duplicated and adjusted in 
perspective to make the return wall and 
the floor adjacent to it. The shading is 
simply a black-to-transparent gradient 
on a new layer, and it's a simple way 
to make that flat wall look more 
convincing. 


Q Coloring Bogie was a fairly 

J straightforward matter, and you 
can read about the techniques involved 
in the section Coloring Black + White 
Images in Chapter 6. His head didn't 
match the body perfectly yet, but a lot 
of that could be fixed through shading. 
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y7 The lettering was made using 
=O) exactly the techniques described 
in the Lighting Up: Perfect Neon 
workthrough in Chapter 5. Getting it 


I emphasis to the piece, strong 
shading does wonders when it comes 
to masking those irritating joins 

you'd rather people didn't see. The 
shading was painted on several layers, 
guaranteeing that I'd be able to edit 
each one individually should the need 
arise later. 


f When planning 


. . : a complex piece 
into the correct perspective for the wall : PSAP 


was simply a matter of distorting it 
using Free Transform, and aligning the 
transform handles with the appropriate 
layers on the brickwork. 


: of artwork such 
: as this one, you 
: should always 

: create your 

: preliminary 

: designs away 

: from the 

: computer, on a 
: sheet of paper. 
: Or at least 

: that's what 

: we're always 

: told. Personally, 
: I think better 

: with my stylus 

: in my hand 

: than I do with 

: a pencil. The 

: trouble with 

: photomontage 
: is that you 

: can't always 

j : find images 

| | to match your 
: rough sketches: 
: if you start with 
: the images, you 
: know you've got 
: every element 

: you'll need. 
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A g There was no way I'd be able 
| i to find a photograph of a 


: lamppost from the right angle, so | 

f made this simple 3D model in cranky 

> old Dimensions (see Chapter 10). The 

: main pole and cap are a single revolve 
: object, and the ladder bars and struts 

: are added as separate objects. It's not 

: the most sophisticated 3D modeler, but 
f it does the job. 


A In the event, the perspective 
1 Æ viewpoint of the lamppost 


didn't match that of the image as 
exactly as I'd hoped. But it was 

easy enough to distort it using Free 
Transform, using the corner of the wall 
as a guide to get the right angle. 


1 2 This photograph of a lightbulb 
I came from the Hemera Photo- 
Objects collection, and needed only a 
little distortion to fit the lamp. It would 
almost certainly disappear under the 
glow later, but | felt better knowing it 
was there - and the tiny extra effort it 
took would make up for the potential 
horror of seeing the printed cover with 
a hole where the bulb should be. 


A =y The glow from the bulb was 
’ painted on a new layer in two 


: stages: first, a large, soft-edged brush 

> was used to paint a dab of yellow on 

: the image. Then | switched to a smaller 
: brush size and painted a blob of pure 

: white in the middle of the yellow. It's 

: a fiendishly simple process that never 

: fails to get great results. 


4 @ To move the glow inside the 

| O lamp, | first made a layer mask 
for the glow using one of the struts I'd 
made into a separate layer earlier. This 
would have worked OK, but blurring 
the mask slightly gives a far more 
realistic impression of light behind a 
thin object. 


» 
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Q The glass was made by 
| «J drawing a selection with the 
Lasso tool, holding the key 
while drawing to constrain it to making 
straight lines between click points. It 
was then an easy matter to use a soft- 
edged brush loaded with white, at a 
low opacity, to sketch in the impression 


of glass panes. 
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Because the bulb obscured one 
1 4 of the struts holding the lamp 
roof, | copied it to a new layer and 
brought it to the front. | also took this 
opportunity to brighten up the inside 
edge of the other struts, to make them 
look as if they were lit by the bulb. 


With all the elements of the 
20 lamppost complete, | felt that 
something was missing. Anyone who 
lives in a big city will recognize the 
need to pick your way through dog dirt 
- but rather than drawing a steaming 
pile | stepped back a stage and added 
just the dog sniffing at the base. 
Someone's bound to complain. 


1 C Although I'd added a little 

Gaussian Noise to the body of 
the lamppost to give it some texture, it 
still looked far too clean. To dirty it up 
| made a new Hard Light layer, grouped 
with the post, and painted dabs of gray 
and brown onto it with a small brush, 
which looks convincingly like rust. 
Simple, but it works. 


y Rain is surprisingly easy stuff 
2 1 to create in Photoshop. Start 
with a layer filled with a mid-tone gray, 
and add some Gaussian Noise to it. 
Then use the Motion Blur filter to blur 
that noise at an angle, and the result 
will look like this. Not too convincing 
so far, but we've one more step to make 
the rain work. 
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fa | knew I'd want to add rain to 
1 6 the image - after all, there's 
Bogie holding an umbrella - so | 
painted a few drips onto the lamppost. 
These were painted on a new layer, set 
to Hard Light mode, and rough shading 
added; the Plastic Wrap filter (see 
Chapter 7) makes the result look shiny. 


A And that step is to turn the 
2 2 layer's mode to Hard Light so 
that all the gray disappears, and we're 
just left with the light and dark. Here, 

| lowered the opacity of the layer to 
60%, and painted it out on a layer 
mask where it overlapped areas | didn't 
want obscured such as the light and 
the lettering. 


FNOTO< 


: Objects 

: modelled in 3D 
: applications 

: such as 

: Dimensions 

: have a habit 

: of looking 

: too clean and 

: shiny to belong 
: in the real 

: world. Adding 

: a little Noise 

: is the simplest 
: way to make 

: a shiny object 

: look more real: 
: often, just 3 or 
: 4% Gaussian 

i Noise is enough 
: to do the job. 

: The best way is 
: to add noise to 
: a duplicate of 
: the target layer, 
: just to be safe: 
: by lowering the 
: opacity of the 

: second layer, 

: you reduce the 
: strength of the 
: effect. 
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Raver or inte book 


: The poster which carries the 

: 2 3 subtitle of this book was 

: created on separate layers so that 

: each element could be modified and 

: adjusted as needed. I'd originally 

: designed this poster with a swimsuit- 

: clad couple lying on the beach, but 

: was told to take it out. Something to 

: do with harming sales in the mid West. 
: Honestly! 


: The water was painted on 

: 29 the ground on a new layer, 

> using a hard-edged brush with light 

: gray. When painting irregular shapes 

: such as this, it can be difficult to judge 
: the perspective; one clue is given by 

: the angle of the surface on which the 
: water lies. As long as the dominant 

: angle follows the angle of the surface, 
: it will look convincing. 


After I'd finished the poster, 
24 | made a merged copy of it 
using tri] Shif and 
then placed the copy on the brickwork, 
aligning it to the perspective of the 
bricks using Free Transform. At first 
| placed the poster at an angle so it 
looked more hand glued, but the result 
was just confusing. 


30 Random shading was added to 
the water's surface, followed 


by the Plastic Wrap filter again. Then, 
elliptical selections on the surface 
were distorted using the ZigZag filter 
- which, unlike the Ripple filter, is 
the best way to create pond ripples 
in a surface. In this instance, they're 
showing where the raindrops hit the 
surface of the water. 


The tears in the sides of 
2 5 the poster were made by 
creating a layer mask for it, and hiding 
selections made with the Lasso tool. 
That way, | knew | could bring them 
back later if | needed to. The corner curl 
was made by drawing the outline with 
the Pen tool, and adding shading to it 
with Dodge and Burn. 


The water layer was set, once 
3 1 again, to Hard Light mode 
to make it clear. A duplicate of the 
layer was then used as a mask, which 
would have all the other elements of 
the water surface grouped with it: the 
water l'd just drawn would be on the 
top level of the group. 


To make the creases, | first 
created a new Hard Light 
layer filled with a neutral midtone gray 
(this is an option when you make a new 
layer and set its mode to Hard Light). 
The creases were painted on using 
Dodge and Burn once again; because 
they were on a separate layer, the 
poster itself remained intact. 


A All the significant elements 
L inthe image - the neon, 

the wall, the man, the poster - were 
duplicated individually and distorted 

to fit the reflection. It was an extreme 
distortion, in some cases, since simply 
flipping the images vertically wouldn't 
have made them lie in the correct plane 
with respect to the wall; there were no 
guidelines, so it had to be done by eye. 


-> 


The banner was easy to make: 
a 4 the lettering was set by 

itself, then a new layer created and a 
marquee selection just larger than the 
lettering filled with a deep red. This 
layer was moved behind the text, and 
the text layer merged down into it. 
Placed at an angle, as it stands it looks 
conspicuously neat. 


J some fine tuning was called 
for. A line of cement was painted at 
the join of the wall and the sidewalk 
to make it less hard; the background 
gradient was painted out around the 
lamp; shadows were tickled to make 
them behave better. | also added an 
additional glow to the neon where it 
reflected off the wall. 


æ With all the elements in place, 


The wrinkles in the banner 

J were made in exactly the 
same way as the creases on the main 
poster: painting with Dodge and Burn 
on a new Hard Light layer placed on 
top and grouped with it. The technique 
is otherwise the same as that described 
in the section Folds and Wrinkles in 
Chapter 9. 


2 A The image as it stood had 

«J ST all the pieces in the correct 
position, but it didn't look enough like 
it was set at nighttime. The simple 
answer was to create a new Color 
adjustment layer, adding a subtle 

blue shade to the figure, wall and 
background - but behind the neon and 
the lamp glow layers. 


: It's easy to 

: get lost in an 

: illustration with 
: so many layers 
: = so get into 

: the habit of 

: creating layer 

: sets. Here, the 

: original poster 
: was one set; 

: the perspective 
: version, 

: including the 

: banner and all 

: the shading 

: layers, was 

: another set. 

: Additional layer 
i sets were made 
: for the man, 

: the lamp, the 

: reflections and 
: so on. That way, 
: I was able to 

f see at a glance 
: which layers 

: belonged with 

: which elements. 
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Photomontage ethics 


A COUPLE OF YEARS AGO the issue of photomontage was brought into 
question when a photograph of prominent left-wing politician, on a night out 
with his wife, appeared in a London newspaper. In front of him on the table 
were a couple of bottles of beer, the kind that has a foil-wrapped cap. Someone 
at the newspaper had enlarged one of the beer bottles so that it looked like 

a bottle of champagne - a deception magnified by the headline ‘Champagne 
Socialist’ that proclaimed his decadence. 

As distortion of the truth goes, it seemed like a minor infraction. But 
the issue made national news. I was interviewed about it on radio, and asked 
whether I condoned this sort of underhand trickery. I pointed out that, had 
the photographer merely rearranged the scene, moving one of the bottles to 
the foreground so that it obscured less of the politician in question, there 
would have been no debate; yet the results would have been identical. It’s only 
because the change was made in the cold light of the newspaper offices that it 
caused an outrage. That’s all very well, opined the interviewer, but how would 
I feel if he took the interview he’d just done with me and rearranged it back 
at the studio to suit his own purposes? But that, I pointed out, was exactly 
his intention: he was going to boil down 40 minutes of interview into a five 
minute segment, choosing the parts that told the story he wanted to tell. My 
comment never made it into the final broadcast. 

There’s a lot of confusion about photomontage, much of it stemming from 
the misconception that photographs somehow tell the truth, as if there’s an 
absolute truth out there that can be captured in one-sixtieth of a second; any 
tinkering with that truth must be a lie. 

But photographs don’t tell the truth any more than words. The 
photographer may take several rolls of film, each frame capturing a slice 
of time; the photo editor will then choose the picture that tells the story his 
newspaper wants told. The sub-editor may then crop the picture to fit the space 
available, and in doing so will again retell the story. 


The photograph above left shows an idyllic view of a small cottage, set 


amid verdant foliage. But it’s a lie: the picture has been cropped from the 
original image, above right, which tells a very different story. Anyone who had 
rented this as a holiday home after seeing it on a website would have every 
right to feel cheated by the reality: and yet there’s been no Photoshop trickery 
involved, simply a selective decision about how much of the ‘truth’ to tell. 

We may take a roll of film on holiday, from which we choose half a dozen 
to go in the album. The rest are discarded - one person has their eyes closed, 
the expression isn’t so appealing, a tourist got into shot in the background. 
Yet we are just as guilty of editing the truth as if we’d montaged the elements 
together in Photoshop: we’re telling the story we want told. 

I once argued this point with a photographer who had just produced 
an image of newly released hostage John McCarthy outside his home, with 
a rainbow glistening in the sky behind him. He’d had to wait all day for 
the right image, he told me, and just caught the rainbow in time. But, I said 
somewhat facetiously, I could have put the rainbow there for you and saved 
you the trouble. He was horrified: his picture was the ‘real thing. And yet John 
McCarthy doesn’t run outdoors every time a rainbow appears: this image was 
as contrived as if I'd montaged it myself. 

I’m not saying there aren’t limits to what should be done with 
photomontage. But if obvious montages make more people realize that the 
camera nearly always lies, then the world will be a better place. 
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7. We 
Adobe Photoshop CS My 
Alien Skin EyeCandy 4000 


Alien Skin Xenofex 2 


Flaming Pear 


in some way: some are useful, everyday tools, others are 
weird and amusing but have little practical application. 


Because this book deals with reproducing reality, 

I'm going to concentrate on the filters which offer 
specifically real-world effects. Included in this section 

are my personal favorites; some are from major graphics 
corporations such as Corel, others are shareware offerings 
made by one person and sold through a website. 


We'll begin by looking at the new features in Photoshop 
CS, the latest version of everyone's favorite image 


manipulation program. 
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VERY TIME ADOBE BRINGS OUT A NEW 

version of Photoshop there's a mixed 
reaction from users: some complain that 
features they want aren't there, others applaud 
the innovations. Photoshop CS brings us many 
interface enhancements, as well as some new 
tools and techniques that may change the way 
we work forever. 

Earlier in this book, we've looked at the 
Shadows/Highlights adjustment (p 52) and the 
Color Replacement Brush (p 26). For many, the 
big new feature will prove to be the revised 
File Browser, which now displays thumbnails 
of images in folders many times faster than 
before. It also allows us to apply batch 
processing commands without having to open 


WHAT ELSE IS NEW 


the images first, and includes the ability to save 
and search by keyword and to store favorite 
folders in a menu for quick retrieval. It may not 
be sexy, but it's certainly going to change the 
way we work. Below are six more compelling 
features in the new version. 

You don't, of course, have to upgrade. All 
except two of the examples in this book will 
work with Photoshop 7; and almost all the rest 
will work with earlier versions still. Upgrading is 
an expensive business, especially if you're a Mac 
user - Photoshop CS won't run on anything less 
than OS X. So take a look at what's in it, and 
decide if the upgrade is necessary for you. 
Manufacturer: Adobe Systems, Inc 


URL: www.adobe.com 


Filter Gallery 

Choosing the right filter used to be a 
hit-or-miss operation. Now, the Filter 
Gallery displays most of the available 
filters with thumbnails showing their 
effects: multiple filters can be put 
together and tried out within a single 
dialog window. 


Photomerge 


Although this feature appeared in 
Photoshop Elements a while back, 

it's taken some time to make it into 
Photoshop. Photomerge takes a series 
of views of the same scene and builds 
near-perfect, seamless panaromic 
images from them. 


j ong a path 

T Sa a] 

/ can also be set to run N | 
inside any shape drawn ithe 

(the Pen tool or the Shapes tool 


Text on a path 

It's been a long time coming, but now 
you don't need to leave Photoshop 

to place text on a path - or inside 

a shape. Draw a circle with the 
Shapes tool, and run text around the 
perimeter: it's great for mocking up 
labels and packaging. 
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$ Cemaing AbedIUCAOTS Joy preview.. 


Cr geal deunen: 


Se pope 


Layer Comps Match Color Crop and Straighten 

Where the History palette can store The Match Color dialog is designed Still scanning images from 

multiple versions of a document, Layer to make the color tones of one image conventional photographs? This new 
Comps can now remember which layers match those in another. It's a tricky feature lets you scan several images 
are visible and which are hidden, where adjustment to get right, and often together, and then automatically crops 
they're located and whether they have produces unexpected results; but and straightens the result to place each 
Styles attached. Trying out multiple given the right starting images, this image in its own new file. Absolutely 
versions of artwork was never easier. adjustment can work wonders. brilliant. 
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Carry on spending 


Alien 


YECANDY 4000 is a suite of plug-in 

tools that offers a wide range of real- 
world effects. Where many plug-in developers 
concentrate on the weird and the wacky, 
EyeCandy specializes in tools that simulate 
reality. 

The most immediately impressive filter in the 
set is Chrome, which can turn any object into 
gleaming metal that can be fully customized to 
resemble a variety of surfaces. Custom bevels 
can be drawn to suit any purpose, as well as 
chosen from the wide range of presets that 
come with the product. 

But EyeCandy can also create such difficult 
effects as fire, smoke and water drops with 
surprisingly good results; it also has the 


HOW TO USE IT 


Begin by setting up your type, and 

rendering it as a layer (EyeCandy 
can't work with type layers). Here, 
we've applied the Drip filter to make 
the type look as if it's melting. 


A second application of the 

Drip filter makes the distortion 
look more random. By changing the 
parameters, I've made larger drips that want, as well as specifying both the 
are more widely spaced. The ability to 
build up multiple effects by varying a 


ability to make selections drip and melt in a 
convincing and appealing way. 

The interface is simple but comprehensive, 
with separate panes for controlling every aspect 
of each filter. Previews are as large as you want 
them to be, since you can enlarge the window 
to fill your monitor - although the larger the 
window, the longer complex effects will take 
to preview. Most useful of all is the Random 
Seed button, which changes the way the effect 
is applied while retaining all the parameters 
you've set: it's easy to keep clicking the button, 
changing the effect slightly each time, until you 
get precisely the effect you want. 

Manufacturer: Alien Skin Software 


URL: www.alienskin.com 


Now, that dripping metal is taken 
into the Chrome filter. This allows 
us to set any bevel size and type we 


type of metal (determined by the 
image reflected in it) and the surface 


filter makes EyeCandy far more flexible. properties. By adding a ‘flaw’ to the 


surface, we make it ripple. 


Chrome 


Basic | Lighting | Bevel Profile OK 


Reflection Map Cancel 


Beach.tif 

Blue Sky.tif 
Brick Wall.tif 
Earthtones.tif 
Outdoor.tif 
Roadside.tif 
Shiny Pennv.tif 


Bevel Width (cm) = 
; z , O45 


A 


Bevel Height Scale 0 = 
x 


Smoothness 2 
- =x 


Ripple Thickness 4 = 
L =x 7 


Ripple Width (cm) 1.90 
= 


Bevel Placement 


*) Inside marquee 


_, Outside marquee 


Random Seed 1 


This is the preview window 100% 
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Carry on sp 


ENOFEX 2 is another set of plug-ins from 
lien Skin, who make EyeCandy 4000 
- and the similarity of the interface can be seen 
by comparing it with the previous spread. 
Xenofex 2, like EyeCandy, offers a selection 
of tools with real-world applications. The main 
shot here shows Puzzle, which is the best and 
easiest way of generating convincing jigsaw 
puzzles: you can determine the number of 
columns, the size of the connectors, the width 
of the groove between pieces, and much more. 
Best of all, any piece can be removed from the 
puzzle by simply clicking on it, making it easy to 
build half-finished jigsaw puzzles. 
As well as the filters shown below, the 
Xenofex bundle includes a reasonably 


HOW TO USE IT 


convincing Flag filter that adds ripples, 
distortions and wind effects, and a great 
Television filter that makes any image look like 
it's on an old TV by adding scan lines, ghosting 
effects, screen curvature and noise. Other 
effects include Constellation, which makes a 
selection look like it's made of starts or fairy 
dust, and Stain, which gives the appearance of a 
coffee mug leaking onto a photograph. 

The Xenofex collection is another of those 
must-have filter sets that can save you an 
enormous amount of time; and the elegance 
of its interface means that you can be up and 
running with it in minutes. 

Manufacturer: Andromeda Software, Inc. 


URL: www.andromeda.com 


Rip Open makes tears in artwork, 
1 and you can set the size and 
number of tears, the background color, 
and even the raggedness of the tears 
themselves - so the rip can look like 
smooth metal or raggedly torn paper. 


Classic Mosaic is an extraordinarily 
2 powerful filter. Where Photoshop's 
built-in Mosaic filter will simply impose 
a tesselated outline on an image, 
Classic Mosaic makes the tiles follow 
the contours of the underlying image 
so that it really does look like it's been 
painstakingly made from real chips. 


Shatter makes images look as if 

they're in the process of being 
blown apart. You can control the 
size and thickness of the pieces, the 
background color and the shadow size 
and color; you can even ‘move through 
time’, showing different stages in the 
explosion process. 


Alien Skin Xenofex 2 Puzzle 


Columns 


Knockout 10% Remaining 
Restore All Pieces 
Randomize Connectors 


Connector Length 
Groove Width 


Knockout Fill 
(Q) Fill with solid color 


Fill Color | OA 


= 
\ Make knockouts transparent 


Connector Shape Random Seed | 1 


Randomly set which direction the connectors face. Use the Adjustment Tool to flip individual connectors. 


Crumple gives flat images the 
4 appearance of having been 
scrunched up and then smoothed 
out again. We've looked at ways of 
doing this in this book, but this is the 
simplest solution; it would be hard to 
achieve an effect as good as this by 
conventional means. 


The Cracks filter makes an object 
(or a selection) look as if it's 
corroding from the edges inwards. It's 
a great effect to use on stone, and the 
full degree of user control means you 
can achieve exactly the effect you want 
with minimum effort. 


Like its companion, Lightning, 

Electrify creates sparking edges 
around selections, making them look 
like they're aflame with St Elmo's Fire. 
Perfect for those mad scientist images, 
and - like all Xenofex filters - very easy 
to use and control. 
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Carry on spending 


aming Pear 


ESPITE BEING ESSENTIALLY a one-man 

outfit, Flaming Pear have generated 
many useful filters over the years. These 
shareware plug-ins each perform a single task, 
and usually do so to perfection. 

Flood, shown in the screenshot (right), has the 
ability to submerge any scene: in the preview 
seen here, the water is entirely artificial. Flood 
offers a high degree of user control, including 
the facility to set such parameters as the 
perspective, altitude, waviness, complexity and 
brilliance of the water. 

A useful extra touch is the ability to be able 
to set a pond ripple on the water's surface. 
Simply click the preview at the point you want 
the ripple - it may be where you plan to place 


OTHER FLAMING PEAR FILTERS 


1 Solar Cell generates vivid suns, with definable flares, 
spikes, haloes and bows. But reduce the radius of the 
sun to zero, and it makes great explosions. 


a boat, for example - and the ripple will appear. 


You can also set the size, height and undulation 
of the ripple. 

Flood works best with images shot head-on, 
since the horizon line is always horizontal. 

This makes it difficult to work with scenes 
photographed at an angle, although it is 
possible to build up multiple reflective effects 
from each object in a montage and then blend 
them together. 

Some of Flaming Pear's other filters, described 
below, continue the natural elements theme, 
allowing the creation of stars, planets and suns; 
others offer interesting bevel effects. 
Manufacturer: Flaming Pear Software 


URL: www.flamingpear.com 


2 Lunar Cell creates fantasy moons and planets of every 
imaginable kind. With an internet connection, it can 
even display current cloud data! 


WeEUSTIUW 
o] 


Flood 


View Horizon — 53 
Offset Q 0 

Perspective ———e—— 68 

Altitude a 57 


Waves Waviness Ā— 48 | 
Complexity — 33 
Brilliance ———e 68 
Blur —_— 9 


Ripple Size — 38 
Height — 33 
Undulation ems 40 


SuperBladePro offers the best beveling tools around. Glitterato is the solution for making star fields, complete 
Turn any selection into glittering jewelry, customized with two nebula generators if you want them. A perfect 
with a huge range of parameters. companion to Lunar Cell. 
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KPT Collectio 


Al'S POWER TOOLS are not so much 

the granddaddy of all filters as the 
slightly peculiar uncle from the tropics who 
you wouldn't leave alone with the children. The 
inventor of the wacky interface, Kai Krause, 
spent much of the 1990s designing filters 
that range from the useful to the downright 
absurd. Now the best of the KPT sets have been 
combined in the KPT Collection, which pull 
together the weirdest and the most fascinating 
of the bunch. 

Most of these are not everyday filters, 

and some you'd rarely touch. The ability to 
replicate the effect of ink dropping into 
water, for example, may not be one you need 
regularly; and while Mandelbrot sets may make 


OTHER KPT FILTERS 


Frax4D builds fascinating, shiny surfaces of gleaming 
metal. Tricky to control, you're exploring the surface 
rather than generating exactly the effect you want. 


on 


interesting patterns, you're not going to reach 
for this tool on a daily basis. 

The effects are fascinating and fun to use, 
and some are capable of generating fascinating 
background textures. KPT Gel, shown in the 
main image, allows you to paint with golden 
treacle and use a variety of tools to distort and 
roughen the surface. Many of the filters allow 
you to generate QuickTime movies from a series 
of states, which then flow smoothly between 
the different saved operations. Certainly, 
no overview of Photoshop filters would be 
complete without at least a cursory nod to the 
master. 

Manufacturer: Corel 


URL: www.corel.com 


2 FraxFlame makes intricate string-like patterns that are 
great background images. But be warned - each of 
these images can take several hours to render. 
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Where page references in multiple-number entries are shown in bold type, this indicates a 
page or section in which particular attention is paid to this subject. 


3D Modeling programs 250-259 
3D Transform filter 246-249 


A 


Actions 174 
Adding depth 232 
Adjustments 
Brightness/contrast 166, 221 
Curves 9, 54, 56, 59, 121, 123, 
132, 135, 137, 166, 173, 178, 
180, 185, 195, 245, 279 
Hue/saturation 59, 119, 135, 
137, 153, 155, 166, 189, 227 
Replace Color 22 
Shadow/highlight 52 
Adjustment layers 180, 203, 278 
Adobe Dimensions 42, 196, 250, 
252-257, 284 
Adobe Illustrator 86, 100, 191, 
251 
Adobe Photoshop CS 52, 224, 292 
Aged photographs 220 
Ageing people 134 
Alpha channels 185, 186, 188, 
199 
Aluminium 42 
Amorphium 251 
Anchor points 15 
Anti-aliasing 112 
Art editors 67 


B 


Backgrounds 41, 78 
Background Eraser tool 83, 126 
Banknotes 192, 210 

Beards 132 

Bevel and Emboss 183, 200 
Black+white images 144 
Blending options 44, 46, 163 
Blood and gore 152 

Blurring 264-267 


Board games 100 
Body language 73, 74 
Body parts 124 
Books 212 

Bottles 166, 190, 248 
Boxes 238, 246 
Brains 167 

Breaking glass 268 
Brightness/contrast 166, 221 
Brushed metal 195 
Brushes palette 158 
Bubbles 158 

Bulbs 284 

Buttons 252, 273 


C 


Cables 244 

Cake 254 

Candles 104 

Cars 22, 58, 86, 266 

Cardboard 239 

Cards 98, 276 

Carpets 275 

Catwalks 168 

Chairs 84 

Channels 56 

Channels palette 184, 199 

Chrome 294 

Clone tool 123, 125, 127, 131 

Clothing 136 

Clouds 38, 47, 164 

Clouds filter 186 

CMYK gamut 59 

Coins 232 

Color 54, 56, 59, 61, 62 
Coloring black+white images 

144 

Colorize adjustment 59, 153 
Color Balance 139, 157, 227 
Color Burn 33, 225 
Color mode 21 
Color Overlay 183 


Color range 173 
Color Replacement brush 26 
Compound paths 16 
Cracks 297 
Creases 216, 219, 220 
Cropping 70, 293 
Crop and Straighten 293 
Crumpling 214, 297 
Cursor keys 99, 212 
Curtains 224 
Curves 9, 54, 56, 59, 121, 123, 
132, 135, 137, 166, 173, 178, 
180, 185, 195, 245, 279 
Cutouts 18, 80 
Cylinders 248 


D 


Daleks 180 

Defringe 18, 87 

Desaturate command 61, 167 

Digital cameras 88 

Dissolve 39, 42, 156 

Dodge and Burn tools 43, 106, 
127, 136, 150, 157, 158, 171, 
192, 203, 205, 213, 215, 216, 
218, 222, 227, 279 

Doors 84, 234 

Drawers 234 

Drips 285 


E 


Elliptical Marquee tool 4, 12, 103, 
104, 162, 245 

Embossing 190, 198, 204 

Eraser Tool 11 

see also Background Eraser 

Ethics 288 

Explosions 268, 271 

Expression 75, 140 

Eyes 63, 74, 76, 138, 141, 142, 
145, 281 
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Eye contact 74, 138 
Eyebrows 133 
EyeCandy 4000 190, 294 


F 


Fade command 217, 225 
Feathered edges 38, 41 
Fibers 224 
File Browser 292 
Filing cabinets 234 
Filters 
Clouds filter 186 
EyeCandy 4000 190, 294 
Fibers 224 
Flaming Pear filters 298 
Gaussian Blur 79, 81, 93, 103, 
110, 111, 153, 157, 180, 186, 
194, 253 
Gaussian Noise 43, 85, 133, 
135, 157, 187, 188, 253, 285 
KPT Collection 300 
Lens flare 97, 168, 301 
Lighting Effects 184-188 
Liquify 140, 281 
Motion Blur 42, 193, 195, 265, 
267, 285 
Plastic Wrap 105, 150, 153, 
157, 159, 161, 171, 227, 255, 
279, 286 
Polar Coordinates 245 
Radial Blur 133, 266 
Shear filter 43, 97, 165, 210, 
214, 216, 223, 241 
Spherize 163, 167, 196, 241 
Texturizer 201, 217, 223 
Unsharp Mask 61, 62-63 
Zigzag 151, 286 
Wave 155, 161, 214 
Xenofex 296 
Filter Gallery 292 
Fire 105, 295 
Fireworks 44 
Flags 222 
Flaming Pear filters 298 
Floods 154, 298 


Floors 84, 164, 224 

Focus 62, 79, 81 

Folds 214, 216, 219 

Freelance artist 67, 146 

Free Transform 12, 83, 85, 98, 
101, 216, 223, 232, 235, 239, 
240, 277 

Fringes 18 


G 


Gaussian Blur 79, 81, 93, 103, 
110, 111, 153, 157, 180, 186, 
194, 253 

Gaussian Noise 43, 85, 133, 135, 
157, 187, 188, 253, 285 

Glass 43, 86, 158-167, 170, 248, 
268 

Bottles 166, 190, 248 
Reflection 164 
Refraction 162 

Glows 105, 111, 253, 284 

Gold 182 

Gradient overlay 182 

Gradient tool 38, 79, 93, 95, 101, 
113, 283 

Grain 122 

Granite 203 

Graphics tablets 48 

Grass 38 

Gravestones 204 

Grime 188 

Guitars 232, 274 


H 


Hair 26, 41, 126, 128, 130, 135, 
203 

Hair loss 130 

Hard Light mode 33, 42, 61, 108, 
123, 132, 151, 153, 161, 165, 
167, 169, 173, 219, 220, 221, 
279, 285 

Healing brush 64, 142 

Hearts 152 

History brush 127 


History palette 127 
Hue/Saturation 59, 119, 135, 137, 
153, 155, 166, 189, 227 


1 


Interaction 72 


J 


Jigsaw filter 296 


K 


Knives 192 
KPT Collection 300 


L 


Labels 207, 240 
Lampposts 284 
Lasso tool 6, 96, 79, 101, 103, 112, 
215, 269 
Layers palette 33, 60, 83 
Layer comps 293 
Layer masks 34-41, 43, 118, 120, 
133, 155, 167, 195 
Layer modes 61, 197, 237 
see also Light Modes 
Layer sets 29, 213 
Layer styles 44, 45, 162, 182, 200, 
204, 278 
Bevel and Emboss 183, 200 
Lens flare 97, 168, 301 
Levels 98, 110, 111 
Lighting Effects 184-188 
Light modes 32-33 
Hard Light 33, 42, 61, 108, 
123, 132, 151, 153, 161, 165, 
167, 169, 173, 219, 220, 221, 
279, 285 
Multiply 33, 193, 203, 237 
Overlay 33, 165, 197, 199 
Screen 32, 34, 168 
Soft Light mode 33, 60, 199, 
201, 203 
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Light sources 95, 96, 102 

Liquify filter 140, 281 

Lock Transparency 20, 113, 127, 
151 


M 


Magic Wand tool 6, 11 

Marble 203 

Matching perspective 236 

Match Color tool 293 

Merged Copy 159 

Metal 178-195, 245, 294 

Mosaic filter 296 

Motion Blur filter 42, 193, 195, 
265, 267, 285 

Mountains 71 

Multiply mode 33, 193, 203, 237 

Mustaches 133 


N 


Neon 110, 283 


O 


Objects, creating and adjusting 
Books 212 
Bottles 166, 190, 248 
Boxes 238, 246 
Bubbles 158 
Bulbs 284 
Buttons 252, 273 
Cables 244 
Cakes 254 
Candles 104 
Cars 22, 58, 86, 266 
Cards 98, 276 
Carpets 275 
Catwalks 168 
Chairs 84 
Coins 232 
Curtains 224 
Doors 84, 234 
Drawers 234 
Flags 222 


Floors 84, 164, 224 
Grass 38 
Guitars 232, 274 
Hearts 152 
Knives 192 
Lampposts 284 
Neon 110, 283 
Paper 210-221 
Pipes 244 
Planes 46 
Playing cards 20, 98 
Posters 218, 286 
Ribbons 226 
Roads 96, 284 
Sand 43 
Screens 112 
Shopfronts 236 
Smoke 295 
Snow 156 
Stone 186, 202, 204 
Tables 84, 101 
Tape 226 
Telephones 272 
Televisions 268, 270 
Trash cans 194 
Veins 135 
Walls 95, 84, 154, 156, 282 
Wax 105 
Windows 85, 87, 170, 172 
Wires 111 
Opacity 10, 37, 86, 123, 165, 169, 
170 
Opening doors and drawers 234 
Overlay mode 33, 165, 197, 199 


P 


Painting modes 
see Light Modes 

Palette Well 29 

Paper 210-221 

Paths 14-17 

Pen tool 14-17, 112, 118, 136, 
139, 226 

Perspective 80, 82, 84, 191, 201, 
232, 235, 236, 239, 282 


Photographing shiny objects 194 

Photomerge 292 

Photomontage ethics 288 

Picture grain 122 

Pipes 244 

Planes 46 

Plastic Wrap filter 105, 150, 153, 
157, 159, 161, 171, 227, 255, 
279, 286 

Playing cards 20, 98 

Plinth 196 

Polar Coordinates filter 245 

Politicians 76, 84, 120, 122, 130 

Poser 258 

Posters 218, 286 

Print Preview mode 59 

Purge All command 28 


Q 


QuickMask 4, 8-13, 25, 79, 93, 
99, 103, 133, 134, 269 


R 


Radial Blur filter 133, 266 

Rain 285 

RAM 28 

Realism 260 

Reflection 164, 169, 171, 192, 
287 

Refraction 162 

Remote controls 252 

Remove White Matte 18 

Replace Color 22 

Reveal All 35 

Ribbons 226 

Ripping 218 

Roads 96, 284 

Royalty-free images 114 

Rust 188 


S 


Sand 43 
Satin 182 


COPS rb PP LUD 


Scratch disks 28 

Screens 112 

Screen mode 32, 34, 168 

Sea 36, 43 

Select Color Range 24, 172 

Selection 6, 8, 12, 17, 21 

Shading 211, 233, 273, 283, 286 

Shadows 21, 35, 52, 53, 81, 83, 
85, 92-105 106, 108, 120, 
123, 125, 159, 275 

on the ground 92 
on the wall 94 

Shadow/highlight adjustment 52 

Shear filter 43, 97, 165, 210, 214, 
216, 223, 241 

Shopfronts 236 

Silver 183 

Skintones 52, 56-57, 63, 65, 106, 
119, 120, 125 

Sky 24, 36, 43, 46, 77, 97, 145, 
164 

Sleep 142 

Smoke 295 

Smoothing 40 

Smudge tool 38, 129, 130, 189 

Snow 156 

Soft Light mode 33, 60, 199, 201, 
203 

Sourcing images 114 

Spacing 158 

Speed 264, 266 

Spherize filter 163, 167, 196, 241 

Stone 186, 202, 204 

Stubble 132 

Students 274 


T 


Tables 84, 101 

Tape 226 

Tearing 218 

Teeth 278 
Telephones 272 
Televisions 268, 270 
Terminator 278 
Text 204, 216 


text ona path 292 
Textures 
Aluminium 42 
Blood and gore 152 
Brushed metal 195 
Cardboard 239 
Clouds 38, 47, 164 
Fire 105, 295 
Gold 182 
Granite 203 
Grime 188 
Marble 203 
Metal 178-195, 245, 294 
Picture grain 122 
Rain 285 
Rust 188 
Silver 183 
Snow 156 
Stone 186, 202, 204 
Stubble 132 
Varnish 200 
Wax 105 
Texturizer filter 201, 217, 223 
Tools 
Background Eraser 83, 126 
Clone 123, 125, 127, 131 
Dodge and Burn 43, 106, 127, 
136, 150, 157, 158, 171, 192, 
203, 205, 213, 215, 216, 218, 
222, 227, 279 
Elliptical Marquee 4, 12, 103, 
104, 162, 245 
Eraser 11 
Gradient 38, 79, 93, 95, 101, 
113, 283 
Healing brush 64, 142 
History brush 127 
Lasso 6, 96, 79, 101, 103, 112, 
215, 269 
Magic Wand 6, 11 
Match Color 293 
Pen 14-17, 112, 118, 136, 139, 
226 
Smudge 38, 129, 130, 189 
Transparency 10, 20, 35, 36, 93, 
162 


Trash cans 194 


U 


Unsharp Mask 61, 62-63 
Upgrading 228 


V 


Varnish 200 

Veins 135 

Viewpoints 71 

Visible light sources 102 


W 


Wall 95, 84, 154, 156, 282 

Warp Text 242 

Water 36, 154, 158 

Wave filter 155, 161, 214 

Wax 105 

Windows 85, 87, 170, 172 

Wireframes 257 

Wires 111 

Wood 85, 196, 198, 200 
Woodgrain 224 
Woodturning 196 

Workspace 146 

Wrapping text around curves 240 
with editable text 242 

Wrinkles 135, 216 


X 


Xenofex filter 296 


Zigzag filter 151, 286 
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What's on the CD 


: People 


: All these people come complete with clipping paths. To separate them 

 Qarge panard © OG profile + Purchase hitory + Oownicosd history be 

onrad yittin, 900 OP wean : from their backgrounds, click on Path 1 in the Paths palette and choose 
H . 


: Make Selection from the pop-up menu in the same palette. 


== tof 
? ? r EES i 
a oa 
= : : AbleStock001.jpg AbleStock002.jpg AbleStock003.jpg 
HE IMAGES SHOWN ON THE NEXT FOUR PAGES 
come from the AbleStock collection of royalty- 
free photography. These high resolution images are AbleStock004.jpg AbleStock005.jpg AbleStock006.jpg 
provided for you to use for your own work: read the 
license agreement in the AbleStock folder on the CD for 
full terms and conditions. 5 
Where most photo libraries are geared towards A 
providing finished, glossy images, AbleStock is one of 


AbleStock007.jpg AbleStock008.jpg AbleStock009.jpg 


wi, 


AbleStock010.jpg AbleStock011.jpg AbleStock012.jpg 


the few who cater specifically for the needs of the 


photomontage artist. Often, the same character is 

photographed from a dozen different angles, so you : dé. 
can be sure to find the image you need. Over 36,000 : |1 
images are available on their website, and an annual or : 


six month subscription allows you to download up to 


30 Photo-Objects (cutouts) and 30 background images 


every day, to use as you wish. 


Z 


Included here are 100 images I've selected as being of : 


particular use for photomontage. To find out more, visit : | | | 


the website at www.ablestock.com. 
AbleStock013.jpg AbleStock014.jpg AbleStock015.jpg 
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aa 
AbleStock017.jpg AbleStock018.jpg Ablestock019.jpg AbleStock020.jpg 
( 
g 
VAA 
ri 
PN 
j 
AbleStock021.jpg AbleStock022.jpg AbleStock023.jpg AbleStock025.jpg 


AbleStock026.jpg AbleStock027.jpg AbleStock028.jpg Ablestock029.jpg AbleStock030.jpg 
AbleStock032.jpg AbleStock033.jpg Ablestock034.jpg AbleStock035.jpg 


. 


“A 
AbleStock036.jpg AbleStock037.jpg AbleStock038.jpg Ablestock039.jpg AbleStock040.jpg 
* D 
i j 
AbleStock041.jpg AbleStock042.jpg AbleStock043.jpg Ablestock044.jpg AbleStock045.jpg 
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What's on the CD 


Things 


All the things have clipping paths: remove them 
from their backgrounds in the same way as the 


people (see previous page). 


Kite 


AbleStock046.jpg AbleStock047.jpg AbleStock048.jpg 
AbleStock049.jpg AbleStock050.jpg AbleStock051.jpg : Ablestock064.jpg AbleStock065.jpg 
AbleStock052.jpg AbleStock053.jpg AbleStock054.jpg ; Ablestock066.jpg AbleStock067.jpg 
A } = 
} 2 (9 ~ : 
AbleStock055.jpg AbleStock056.jpg AbleStock057.jpg : Ablestock068.jpg AbleStock069.jpg 
AbleStock058.jpg AbleStock059.jpg AbleStock060.jpg : Ablestock070.jpg AbleStock071.jpg 
AbleStock061.jpg AbleStock062.jpg AbleStock063.jpg i Ablestock072.jpg AbleStock073.jpg 
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l No clipping paths here - all the images are squared up, so have no need 
: of them. Use these images as backgrounds for your people, or as views 
: through windows. 


AbleStock074.jpg AbleStock075.jpg 
AbleStock076.jpg AbleStock077.jpg : AbleStock086.jpg Ablestock087.jpg AbleStock088.jpg 
AbleStock078.jpg AbleStock079.jpg : AbleStock089.jpg Ablestock090.jpg AbleStock091.jpg 


AbleStock081.jpg : AbleStock092.jpg Ablestock093.jpg 


AbleStock082.jpg AbleStock083.jpg : AbleStock095.jpg Ablestock096.jpg AbleStock097.jpg 
s : 
mS o: 
Tew ro= © : 
et . 
AbleStock084.jpg AbleStock085.jpg : AbleStock098.jpg Ablestock099.jpg AbleStock100.jpg 
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What's-on the CD 


This symbol, which 
appears throughout the 


book, indicates that 


you'll find a Photoshop file on the CD to 
accompany the workthrough. The files 
are in a folder called Chapter Files, and 
each one includes all the elements of the 


starting point for each workthrough so 


that you can try the techniques out for 
yourself. Each Photoshop file on the CD 


contains a note outlining the task you’re supposed to complete. 


This symbol indicates that, in addition to the Photoshop file, 


there’s also a QuickTime movie on the CD that shows the 


workthrough played out in real time. I’ve included movies 
where there’s some benefit to being able to see the artwork being created ‘live’; 
sometimes it’s easier to understand a concept when it’s played out for you 


rather than just by reading about it. 


The folder named Demo Software includes demonstration versions of several 
of the third party plug-ins that I’ve discussed in Chapter 11 (in both Mac and 
Windows formats), as well as a demo version of Adobe Dimensions (discussed 
in Chapter 10). The demo versions are all designed to show you the full 
capabilities of the filters, and most are save-disabled to prevent you from 
applying the effects to real artwork. The demos are saved in .sit or .zip format; 
you'll need a third party utility such as Stuffit or WinZip to decompress them 
so you can install them onto your hard disk. To try out the plug-in filters, 
you'll need to install them into the Plug-ins folder inside the Photoshop folder 
on your hard disk. The CD also includes a selection of high resolution royalty- 
free images from AbleStock, detailed on the previous pages. And there’s also a 
demonstration version of Hemera Photo-Objects which includes many images 


from their collection. 


Keyboard shortcuts 


Photoshop is stuffed full of keyboard shortcuts. 
These are some of the most essential ones. 


Tools 

Larger/smaller brush .............. Í 
Harder/softer brush .......... | 
Temporary Move tool..........--.- 


Temporary Dodge with Burn tool .... 


Move, Marquee, Lasso, Pen... @ 
Brush, Stamp, Burn, Smudge .. BOOB 
Opacity 10%, 20%...100% .... 0. 0 O 


Opacity e.g. 35% .............. then 


Layers and selections 

Move layer up/down ...... | 
Select layer up/down ...... | 
Nudge layer 1 pixel ........ 
Nudge layer 10 pixels .. 
Cycle through layer modes ... 1@ 
Fill with foreground color ... 
Fill with background color .. 


Open Fill dialog .............. 
Set colors to default black/white ....... © 
Swap foreground/background colors .... 
Lock layer transparency .............-- 
Feather selection ..... © 
Enter/Exit QuickMask ..............05. @ 
Copy merged ........ 


Artwork views 


Hide all palettes .................... Tab 
Cycle normal/gray/black desktop ....... 
Zoom in/out ............ 1B 


Working with dialogs 


Load previous settings ...... ED + menu 
Fade last filter ....... 
Increase/decrease values ........... I 


Increase/decrease values x10 .. I 


COMPUTING/GRAPHICS 


“a new how-to guide for editorial 
illustration. Photographers as well as art 
directors will find this book fascinating, 

as Caplin invents the impossible illustration 
and then proceeds to define how to create 
it seamlessly: RANGEFINDER 


‘A superb set of step-by-step how-to guides 
for achieving photorealistic montages from 
the master himself. By "cheating", Caplin 
means quick, easy-to-grasp shortcuts to 
impressive ends. A must for all montagers. 
SIMON JARY, EDITOR-IN-CHIEF, MACWORLD 


" „written in a succinct and accessible 

style ... with every spread taking the reader 

on a step-by-step guide to one particular 

technique ... unlike some other writers, 

Caplin is aware of the concept of deadlines: 
BRITISH JOURNAL OF PHOTOGRAPHY 


How to create 


‘Learn how to duplicate ... amazing effects 
using Caplin's quick and easy shortcuts. 

His book is packed with amazing hints that 
take the mystery out of this technique once 
and for all. The instructions are so easy to 
use that you'll be producing top quality 
results quickly. SHUTTERBUG 


"Shows you how to be more creative in less 
time, covering just about everything you 
could want to do in Photoshop ... a goldmine 
of practical and downright useful tips, tricks 
and step-by-step workthroughs. MACUSER 


"Steve Caplin's computer skills make a 
powerful contribution to problem-solving 
editorial illustration. His creativity makes the 
unlikely, even the impossible, look credible: 
TOM REYNOLDS, DESIGN DIRECTOR, 
THE SUNDAY TIMES MAGAZINE 
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